Jquery fadin sur image ID mysql

Fermé
ubik174 - 23 juin 2011 à 16:58
Bonjour,


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

$output .= '<img src="_images/smal_arrow.jpg" width="19" height="15" alt="sllov_arrow"><a href="sllov_mobilier_design_collection_produit.php?pid='.$result['id_product'].'&&catid='.$thisid.'" class="itemI" id="l'.$result['id_image'].'">'.$result['name'].'</a><br/>'; 
    $outputImage .= '<img src="img/p/'.$result['id_cat2'].'/'.$result['id_cat'].'/'.$result['id_image'].'-large.jpg" width="452" height="425" alt="sllov_mobilier_design" id="'.$result['id_image'].'">'; 


Mon code jquery
$(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 
    }); 
});



et mes div

<? echo $output;  ?><div class="slideshowsub"> <? echo $outputImage; ?> </div> 


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


J'ai essayé de faire
 $('.slideshowsub').cycle({ 
         
        fx: 'fade',  
        speed:  3800 
    }); 
 


je recherche l' ID du lien

$('.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"); 
    }); 


Merci d'avance