contribution lytebox, un autre effect lightbox |
Bienvenue invité ( Connexion | Inscription )
contribution lytebox, un autre effect lightbox |
14 Mar 2010, 12:00
Message
#1
|
|
Ceinture jaune+ OSC Groupe : Membres Messages : 136 Inscrit : 25-October 09 Lieu : Gironde (Médoc) Membre no 26412 |
ne trouvant pas ce que je souhaité, ou alors ne pouvant l'adapter a mon code déjà fait ou à diffèrent type de navigateur ( surtout internet explorer en fait )
j'ai fait petit truc rapide, facile, rapide, W3C valide (oui je sais je saoule avec cela ) j'ai ressorti d'un vieux secteur du disque dur une autre adaptation de lightbox ( que j'ai utilisé sur des sites statiques pur xhtml/css) lytebox Bon dimanche @+ CODE /*
* -=[ lightbox effect ]=- * * http://www.oscommerce-fr.info/forum * * Contribution réalisée par madmaxx * http://www.oscommerce-fr.info/forum/index.php?showuser=26412 * http://forums.oscommerce.com/user/271248-madmaxx/ * * source original * http://www.dolem.com/lytebox * ******************************************************* * *un autre effect lightbox *integration facile, rapide, et légère *code validé W3C *fonctionne sous firefox (gecko), et internet explorer7 (seul version testé) * * ******************************************************* * osCommerce, Open Source E-Commerce Solutions * http://www.oscommerce.com * Copyright © 2002 osCommerce * Released under the GNU General Public License * */ -------------------- de la sueur, de la douleur, de la rigueur pour accouché de sa boutique. tels sont les ingrédients de la réussite ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ faites comme moi abusez de ces liens (et encore je trouve que je n'en abuse pas assez) FAQ ## un lien magique ## contrib oscommerce-fr ## contrib oscommerce.com ## MANUEL MS2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Petit pour guide résoudre tout vos problèmes avec Oscommerce ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Serveur HTTP : Apache/2.2.4 (Ubuntu) DAV/2 mod_python/3.3.1 Python/2.5.1 PHP/5.2.3-1ubuntu6.5 mod_ruby/1.2.6 Ruby/1.8.6(2007-06-07) mod_perl/2.0.2 Perl/v5.8.8, Version PHP : 5.2.3-1ubuntu6.5 (Zend : 2.2.0), Base de données : MySQL 5.0.45-Debian_1ubuntu3.4, Système d'exploitation Server : Linux 2.6.18-xenU . osCommerce Online Merchant v2.2 RC1 W3C |
|
30 Aug 2010, 12:54
Message
#2
|
|
Ceinture orange+ OSC Groupe : Membres Messages : 405 Inscrit : 31-March 04 Membre no 2213 |
Bonjour
je l'utilise, c'est simple en effet seulement lorsque le nom du produit comporte une apostrophe genre "l'oeuf'i" l'mage miniature n'apparait pas donc impossible de l'agrandir bien évidement .... code d'origine (osc quoi que j'ai vu lightbox qui traine d'un essai) cela dis ce n'est pas en cause Code <script language="javascript"><!-- document.write('<?php echo '<a href="java script:popupWindow(\\\'' . tep_href_link(FILENAME_POPUP_IMAGE, 'pID=' . $product_info['products_id'] . '&image=0') . '\\\')">' . tep_image(DIR_WS_IMAGES . $new_image, addslashes($product_info['products_name']), $image_width, $image_height, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>'); //--></script> <noscript> <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank" rel="lightbox">' . 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>'; ?> code modifier qui pose le problème de l' Code <script type="text/javascript"><!-- document.write('<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_lrg']) . '"rel="lytebox" title="'. $product_info['products_name'] . $product_info['products_model'] . '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>'); //--></script> <noscript> <?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image']) . '" target="_blank" rel="lytebox" title="'.$product_info['products_name'].'" >' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?> Je cherche aussi à corriger, ref produit collé à son nom sans espace mais je devrais le trouver ca Merci pour votre aide si vous avez des idées .. ps je me dis que le problème n'est pas sur ce bout de code mais dans le js Ce message a été modifié par Shibari_59 - 30 Aug 2010, 13:14. -------------------- Bonne journée à vous |
|
1 Sep 2010, 16:14
Message
#3
|
|
Ceinture orange+ OSC Groupe : Membres Messages : 405 Inscrit : 31-March 04 Membre no 2213 |
j'ai trouvé ...
ca pourra servir Code document.write('<?php echo '<a href="' . tep_href_link(DIR_WS_IMAGES . $product_info['products_image_lrg']) . '"rel="lytebox" title="'. addslashes($product_info['products_name']) . $product_info['products_model'] . '">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, 'hspace="5" vspace="5"') . '<br>' . tep_template_image_button('image_enlarge.gif', TEXT_CLICK_TO_ENLARGE) . '</a>'; ?>'); //--></script> le problème était sur l'appel du nom du produit dans le title remplacer rel="lytebox" title="'. $product_info['products_name'] . $product_info['products_model'] par rel="lytebox" title="'. addslashes($product_info['products_name']) . $product_info['products_model'] . on peut aussi oter $product_info['products_model'] . la réf produit n'ayant pas vraiment d'interet sur l'image agrandie. -------------------- Bonne journée à vous |
|
29 Sep 2010, 07:32
Message
#4
|
|
Ceinture jaune+ OSC Groupe : Membres Messages : 136 Inscrit : 25-October 09 Lieu : Gironde (Médoc) Membre no 26412 |
avec un peu de retard
merci a toi -------------------- de la sueur, de la douleur, de la rigueur pour accouché de sa boutique. tels sont les ingrédients de la réussite ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ faites comme moi abusez de ces liens (et encore je trouve que je n'en abuse pas assez) FAQ ## un lien magique ## contrib oscommerce-fr ## contrib oscommerce.com ## MANUEL MS2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Petit pour guide résoudre tout vos problèmes avec Oscommerce ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Serveur HTTP : Apache/2.2.4 (Ubuntu) DAV/2 mod_python/3.3.1 Python/2.5.1 PHP/5.2.3-1ubuntu6.5 mod_ruby/1.2.6 Ruby/1.8.6(2007-06-07) mod_perl/2.0.2 Perl/v5.8.8, Version PHP : 5.2.3-1ubuntu6.5 (Zend : 2.2.0), Base de données : MySQL 5.0.45-Debian_1ubuntu3.4, Système d'exploitation Server : Linux 2.6.18-xenU . osCommerce Online Merchant v2.2 RC1 W3C |
|
16 Dec 2010, 03:00
Message
#5
|
|
Ceinture jaune OSC Groupe : Membres Messages : 58 Inscrit : 24-November 04 Lieu : Albufeira - Portugal Membre no 3902 |
Top !
Cela marche bien ! Meme sur des formulaires ! Merci les gars ! |
|
Version bas débit | Nous sommes le : 28th March 2024 - 13:12 |
Ce site est déclaré auprès de la commision Nationale de l'Informatique et des Libertés (déclaration n°: 1043896) |