Ciao,
Premetto che non programmo e che faccio difficoltà a sistemare i codici e le relative sintassi.
Ho una photo gallery scorrevole (al passaggio del mouse), con dissolvenza.
Ho necessità, al click del mouse su ogni immagine, che mi si apra la foto in altro formato in un div sottostante, possibilmente in dissolvenza.
Avrei anche la necessità che in 1 altro div appaia il nome della foto.
Ho provato diversi metodi, ma senza risultato.
L'unico che funziona è questo:
$(document).ready(function() {
$(".jTscroller img").click(showBox);
$(".left").click(hideBox);
})
function showBox() {
var src = $(this).attr("src");
var imgH = $(".left img").height()+10;
var imgW = $(".left img").width();
$(".left").css("display","block");
$(".left img").attr("src",src);
$(".left").animate({height:imgH},"normal");
$(".left").animate({width:imgW},"normal");
}
function hideBox() {
$(".left").css("display","none");
$(".left").css("height","0");
$(".left").css("width","0");
}
Ma ingrandisce direttamente la thumbnail, invece io vorrei aprirne una nuova non stretchare quella che ho.
Qualcuno sa aiutarmi?