- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Aggiungere effetto fade Jquery?
-
Aggiungere effetto fade Jquery?
Ciao ragazzi, dopo svariati esperimenti di niubbaggine sono arrivato a scrivere questo script che funziona in cui cliccando sulla thumbnail mi viene cambiata l'immagine in grande. Quello che ora vorrei fare è che al click il cambio di immagine avvenga con un effetto di fade... ho provato con fadeIn ecc ma non funza (forse xè nn so dove piazzarlo correttamente). Attendo lumi
[html]
$(document).ready(function() {
$('.list a').click(function(){
var link = $(this).attr('href'); //crea una variabile link = all'src su cui ho cliccato
$('.big-img img').attr('src', link );
return false;
});
});
[/html]
-
Grazie funziona alla grande, fantastico
-
ciao avrei un problema simile. ho installato uno script da flowplayer, una galleria di miniature che al click visualizza l'immagine più grande (non lightbox).
il fade delle foto non mi piace, ho provato a cambiarlo con un fadein ma non funziona nulla
guardando il codice cosa dovrei cambiare?
grazie per l'attenzione
$("#browsable").scrollable().navigator(); $(function() { $(".scrollable").scrollable(); $(".items img").click(function() { // see if same thumb is being clicked if ($(this).hasClass("active")) { return; } // calclulate large image's URL based on the thumbnail URL (flickr specific) var url = $(this).attr("src").replace("_t", ""); // get handle to element that wraps the image and make it semi-transparent var wrap = $("#image_wrap").fadeTo("medium", 0.5); // the large image from ww.flickr.co var img = new Image(); // call this function after it's loaded img.onload = function() { // make wrapper fully visible wrap.fadeTo("fast", 1); // change the image wrap.find("img").attr("src", url); }; // begin loading the image from ww.flickr.co img.src = url; // activate item $(".items img").removeClass("active"); $(this).addClass("active"); // when page loads simulate a "click" on the first image }).filter(":first").click(); });