Hello tout le monde
Bon je tâtonne un peu en javascript donc j'aurai besoin d'un petit peu d'aide
J'au une requete mysql qui me sort un tableau avec
Un ID de lien
Un ID d'image associé
Je sors le tout sur une page avec a gauche la liste de mes liens a droite les images
J'utilise une fonction Jquery cycle si aucun evenement
(La page se charge, et la fonction cycle me fait un fondu sur toutes les images de la requetes)
Ce que je souhaite faire c'est si on RollOver les liens, cela arrete le cycle et fait un fondu entre l'image actuellement affichée et l'image associée au lien
ID image = ID lien
Voila ce que je sors pour mon tableau de resultat un lien => une image
$(document).ready(function() {
$('.slideshowsub').cycle({
fx: 'fade',
speed: 3800
});
$('.itemI').mouseover(function() {
$('.slideshowsub').fadeOut("slow");
$('.slideshowsub').delay("50").fadeIn("slow"); // bah la c'est pas identifier avec l'id donc ca reprend le cycle et ca n'a pas arreter le cycle c'est faux donc
});
});
Voila si quelqu'un avait une idée pour m'aiguiller. Je n'arrive pas en faite a identifier l'image current et celle a charger en fonction de l'id de lien = id de l'image pour activer le jquery
$('.itemI').mouseover(function() {
var currid = $(this).attr("id");
alert(currid);
Ca c'est ok
Apres je voudrais trouver l'ID de l'image actuellement affichée
Et faire un fadeIn sur l'image ayant la meme ID que le lien
Bon mais la le code c'est pas bon du tout
var $pictoswap = $('.slideshowsub'),
$pic = $pictoswap.find('img #id'),
$('.slideshowsub').fadeIn("slow");
});