osCommerce France : Accueil Forum Portail osCommerce France Réponses aux questions Foire aux contributions

Bienvenue invité ( Connexion | Inscription )

 
Reply to this topicStart new topic
> contribution lytebox, un autre effect lightbox
Madmaxx
posté 14 Mar 2010, 12:00
Message #1


Ceinture jaune+ OSC
Icône de groupe

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 biggrin.gif)
j'ai fait petit truc rapide, facile, rapide, W3C valide (oui je sais je saoule avec cela biggrin.gif )
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
Go to the top of the page
 
Shibari_59
posté 30 Aug 2010, 12:54
Message #2


Ceinture orange+ OSC
Icône de groupe

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
Go to the top of the page
 
Shibari_59
posté 1 Sep 2010, 16:14
Message #3


Ceinture orange+ OSC
Icône de groupe

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
Go to the top of the page
 
Madmaxx
posté 29 Sep 2010, 07:32
Message #4


Ceinture jaune+ OSC
Icône de groupe

Groupe : Membres
Messages : 136
Inscrit : 25-October 09
Lieu : Gironde (Médoc)
Membre no 26412



avec un peu de retard biggrin.gif
merci a toi wink.gif


--------------------
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
Go to the top of the page
 
Touffy
posté 16 Dec 2010, 03:00
Message #5


Ceinture jaune OSC
Icône de groupe

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 !
Go to the top of the page
 

Reply to this topicStart new topic
1 utilisateur(s) sur ce sujet (1 invité(s) et 0 utilisateur(s) anonyme(s))
0 membre(s) :

 



RSS 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)