[PROBLEME] Contribution LavoriamoPerVoi Ajax Popup Image, La contribution fonctionne mais sans pop up Options

[Guest_momoxygene_*]

Me revoila avec un nouveau problème

Je viens d'installer la contribution LavoriamoPerVoi Ajax Popup Image qui est très rapide à installer, mais je constate un bug!
L'image s'affiche bien mais pas dans une pop up! Elle s'affiche en bas de page

Vous pouvez voir ici

Et voila le readme joint

Install:

Copy new files:

images/bullet.gif
images/close.gif
images/closelabel.gif
images/loading.gif
images/nextlabel.gif
images/prevlabel.gif
includes/java/builder.js
includes/java/effects.js
includes/java/lightbox.js
includes/java/prototype.js
includes/java/scriptacolous.js
Modify files:

1. product_info.php

1a. Find:

<link rel="stylesheet" type="text/css" href="stylesheet.css">

Replace with:

<link rel="stylesheet" type="text/css" href="stylesheet.css">
<!--// LavoriamoPerVoi Pop-Up image http://www.lavoriamopervoi.com -->
<script type="text/javascript" src="includes/java/prototype.js"></script>
<script type="text/javascript" src="includes/java/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="includes/java/lightbox.js"></script>
<!--// EOF: LavoriamoPerVoi Pop-Up image http://www.lavoriamopervoi.com -->

1b. Find:

<script language="javascript"><!--
document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id']) . '\\\')">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], addslashes($product_info['products_name']), SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>');
//--></script>
<noscript>
<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>'; ?>
</noscript>

Replace with:

<?php // LavoriamoPerVoi Pop-Up image http://www.lavoriamopervoi.com
echo '<a rel="lightbox[roadtrip]" href="'. DIR_WS_IMAGES . $product_info['products_image'] .'">';
echo tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . TEXT_CLICK_TO_ENLARGE . '</a>';
// LavoriamoPerVoi Pop-Up image http://www.lavoriamopervoi.com ?>

2. stylesheet.css

2a. Add:

#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

Je pense que c'est pas grand chose! mais je trouve pas

D'avance merci

[NoZic]

Re,

L'image s'affiche bien mais pas dans une pop up!

Bah en fait c'est normal... le but de la contrib' c'est justement de ne pas s'afficher dans une pop-up...

Non mais t'inquiète, je taquine, j'ai bien compris qu'elle ne fait pas ce qu'il faut, elle devrait apparaitre par dessus la page sur le calque noir et pas dans la page sous le calque noir.

As-tu bien fait la partie 2.a qui consiste à rajouter des tas de trucs dans stylesheet.css ? je dirais que ça vient de là sans certitude...

[BoEDIT]Attention tout de même à cette contrib qui est magnifique en soit mais qui ralentit le temps de chargement de ta page la premère fois car doit mettre en cache une très grosse image...)[EoEDIT]

Ce message a été modifié par gentag - 19 May 2008, 17:08.

[Guest_momoxygene_*]

désolé pour l'erreur de mon cerveau parfois défaillant oui sans pop up!

Non j'ai bien fait comme dans le readme!
Existe t'il une solution moins gourmande ?

Merci

[Guest_momoxygene_*]

Ok merci je regarde cette solution