Bonjour ,pour mon premier message sur le forum je viens solliciter l'aide de la communauté jelix , je suis en train de monter un e-shop avec jelix sur une base de site qui avait été créé il y a un an ou deux , je commenence à bien comprendre le fonctionnement du framework mais depuis 2,3 jours je bloque serieusement sur l'installation d'un effet de zoom sur image qui s apelle jqzoom (que vous pouvez trouver à cette adresse :http://www.mind-projects.it/projects/jqzoom/) , j'ai donc suivit les instructions et j'ai ajouté le fichier CSS : jqzoom.css à mon header (j'ai aussi ajouté les lignes de ce fichier directement dans mon 'style.css') , de plus j'ai rajoute les scripts : jquery-1.3.2.min.js et jquery.jqzoom1.0.1.js et le script:

$(document).ready(function(){

	$('.MYCLASS).jqzoom();

});

qui apparaissent bien dans mon header quand je regarde la source de ma page et j ai enfin rajouté dans mon template:

<a href="images/BIGIMAGE.JPG" class="jqzoom" title="MYTITLE"> <img src="images/SMALLIMAGE.JPG" title="IMAGE TITLE" > </a>

Bien sur j'ai modifié le nom des images et vérifier les liens de mes java scripts mais je penche plutôt sur un problème avec le CSS parce que mon image est affiché normalement sans aucun effet ou autre . J'espère avoir été assez claire , merci beaucoup pour vos futur réponses.

Pour etre plus precis j ajoute ce qui apparait dans la source de ma page

<link rel="stylesheet" type="text/css" href="/css/style.css" /> <link rel="stylesheet" type="text/css" href="/css/jqzoom.css" /> <script type="text/javascript" src="/js/jquery-1.3.2.min.js" ></script><script type="text/javascript" src="/js/jquery.jqzoom1.0.1.js" ></script><script type="text/javascript">

// <![CDATA[

 
		    $(document).ready(function() {
			var options = {
	        zoomWidth: 100,
	        zoomHeight: 100,
            xOffset: 10,
            yOffset: 0,
            };
			   	$('.MYCLASS).jqzoom();
                $('#spec-submit').hide();
                $('select#psize').change(function () {
                    ($(this).ancestors('form')[0].submit());
                });
            });

// ]]>

et au niveau de l image :

                    <div id="container">

<a href="3.JPG" class="jqzoom" title="MYTITLE"> <img src="/img/products/public/6/76/1.jpg" title="IMAGE TITLE"> </a> </div>

merci

si les path vers les js et css sont corrects alors c'est un pb dans le code du jqzoom.js

je vote aussi pour un mauvais chemin de fichiers js et css...

Bonsoir , merci pour vos réponses , je n'ai pas put revenir poster avant mais j ai trouvé la solution à mon probleme , enfaite comme vous pouvez le voir dans mes premiers messages j'utilisais le terme "ancestors" dans mon code et avec les dernières versions de jquery "ancestors" à été remplacé par "parents" . Du coup ca me mettait la foire . Encore merci pour vos réponses .