Blokotek

Forum bloga Blokotek.pl


slider - porównanie zdjęć

Share

ivapas

Poziom ostrzeżeń :
Posty : 9
Punkty : 2523
Reputacja : 0
Data dołączenia : 14/01/2015

slider - porównanie zdjęć

Pisanie  ivapas on Czw 7 Kwi 2016 - 22:15

Witam, właściwie nie wiem czy to slider, ale chodzi mi o dodatek, w którym są dwa zdjęcie i można jedno z nich "ręcznie" odkryć. Przykładowe są na tej stronie . Będę wdzięczna za podpowiedź, gdzie można znaleźć podobny dodatek, czy może jest jakiś gotowy kod/skrypt etc.
Bardzo dziękuję.
Uzupełnienie: Znalazłam taki skrypt, lecz sama sobie nie poradzę. Jeśli pomoc jest niemożliwa, bardzo proszę o napisanie. Będe dalej szukała.
avatar
Blokotek
Administrator
Administrator

Poziom ostrzeżeń :
Posty : 308
Punkty : 4261
Reputacja : 29
Data dołączenia : 02/04/2014

Re: slider - porównanie zdjęć

Pisanie  Blokotek on Sob 9 Kwi 2016 - 9:57

Wszystkie kody masz podane na stronie, którą wskazałaś.

1. Pobierz paczkę ze skryptami i rozpakuj ją.
2. Obrazki umieść na serwerze z hostingiem zdjęć.
3. Użyj Notepad++ do edytowania plików .js. Pozamieniaj niepełne linki do obrazków na te z hostingu.
4. Pliki .js umieść na serwerze z hostingiem plików javascript.
5. Pozamieniaj niepełne linki do plików .js w kodzie na te z hostingu:
Kod:
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.beforeafter.js"></script>
<script type="text/javascript">
$(function(){
   $('#container').beforeAfter();
});
</script>
6. Powyższy kod umieść w sekcji
Kod:
<head>
swojej strony/bloga.
7. Poniższy kod umieść w sekcji
Kod:
<body>
swojej strony lub bloga, przy czym umieść w nim pełne linki do zdjęć.
Kod:
<div id="container">
 <div><img alt="before" src="before.jpg" width="600" height="366" /></div>
 <div><img alt="after" src="after.jpg" width="600" height="366" /></div>
</div>

ivapas

Poziom ostrzeżeń :
Posty : 9
Punkty : 2523
Reputacja : 0
Data dołączenia : 14/01/2015

Re: slider - porównanie zdjęć

Pisanie  ivapas on Sob 9 Kwi 2016 - 20:39

Serdecznie dziękujęSmile 
Jeśli w jakiś sposób mogę odwdzięczyć się np. moimi zdjęciami to proszę o kontakt:) Pozdrwiam:)

ivapas

Poziom ostrzeżeń :
Posty : 9
Punkty : 2523
Reputacja : 0
Data dołączenia : 14/01/2015

Re: slider - porównanie zdjęć

Pisanie  ivapas on Sob 9 Kwi 2016 - 23:05

Niestety próba nie powiodła się. Próbowałam dodać to na bloggera, by slidery pojawiały się w postach. Kompletnie nie wiem gdzie dodać pliki js:( Sorry, że głowe zawracam, ale jedyna nadzieja w Tobie.

Sponsored content

Re: slider - porównanie zdjęć

Pisanie  Sponsored content


    Obecny czas to Sro 26 Kwi 2017 - 23:24