Forum PHP.pl > [JavaScript][CSS]Jaki skrypt slideshow z wysuwanym podpisem zdjęcia po najechaniu myszki?

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][CSS]Jaki skrypt slideshow z wysuwanym podpisem zdjęcia po najechaniu myszki?

preibx

29.10.2013, 08:00:17

Dzień Dobry.
Przejrzałem wiele skryptów, ale każdy wyświetla opis zdjęcia automatycznie, mi zależy aby zadziałał dopiero po najechaniu myszki.

Czy znacie takie skrypty?

Na przykład Cycle2 wydaje się bardzo dobrym skryptem.
Opis zdjęcia:
http://jquery.malsup.com/cycle2/demo/caption2.php

Ale jak go zmusić do wyświetlania dopiero gdy najadę myszką?
Zwłaszcza, że funkcja pauzy działa dobrze:
http://jquery.malsup.com/cycle2/demo/pause.php

Z góry dziękuję za pomoc
Preibx

jackraymund

29.10.2013, 08:15:18

Ustaw funkcje do zmieniania pod eventa mousedown
http://api.jquery.com/mousedown/

poza tym wszystko autor wyjaśnił
pauza działa dzięki temu atrybutowi

[PHP] pobierz, plaintext 
data-cycle-pause-on-hover="true"
[PHP] pobierz, plaintext

jeżeli chcesz się odnieść do innego obiektu który ma nasłuchiwać mousedown

[PHP] pobierz, plaintext 
data-cycle-pause-on-hover="#pauser"
[PHP] pobierz, plaintext

preibx

29.10.2013, 09:24:59

Dziękuję za zainteresowanie.
Jednak jeszcze nie za bardzo rozumiem.
Poniżej działający kod (który można przetestować tu: http://jsbin.com/:

[HTML] pobierz, plaintext 
<!doctype html>
<html>
<head>
<link rel=stylesheet href="http://jquery.malsup.com/cycle2/demo/demo-slideshow.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="http://malsup.github.io/jquery.cycle2.js"></script>
<script src="http://malsup.github.io/jquery.cycle2.caption2.js"></script>
</head>
<body>
<div class="cycle-slideshow" 
    data-cycle-caption-plugin=caption2
    data-cycle-overlay-fx-out="slideUp"
    data-cycle-overlay-fx-in="slideDown"
    >
    <div class="cycle-overlay"></div>
 
    <img src="http://jquery.malsup.com/cycle2/images/p1.jpg" data-cycle-title="Spring" data-cycle-desc="Sonnenberg Gardens">
<img src="http://jquery.malsup.com/cycle2/images/p4.jpg" data-cycle-title="Raquette Lake" data-cycle-desc="Adirondack State Park">
</div>
</body>
</html>
[HTML] pobierz, plaintext

Podejrzewam, że trzeba coś zmienić w pliku: jquery.cycle2.caption2.js lub jquery.cycle2.js
Ale niestety nie wiem co?
Można prosić o podpowiedź?

Preibx

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.