Jump to content

Erreur javascript fondu image


Recommended Posts

Bonjour,

 

J'utilise  responsiveslides sur mes fiches produits pour faire des transitions des images avec un effet de fondu.

 

Mais depuis ma mise à jour sur presta 1.6.1, j'ai un dysfonctionnement.

 

Voila la technique que j'utilise :

 

_______________________________________________________________________

 

> DANS THEME/JS/product.js

 

 

$(function () {

$(".rslides").responsiveSlides({
 auto: true,             // Boolean: Animate automatically, true or false
 speed: 500,            // Integer: Speed of the transition, in milliseconds
 timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
 pager: false,           // Boolean: Show pager, true or false
 nav: false,             // Boolean: Show navigation, true or false
 random: false,          // Boolean: Randomize the order of the slides, true or false
 pause: false,           // Boolean: Pause on hover, true or false
 pauseControls: false,   // Boolean: Pause when hovering controls, true or false
 prevText: "Previous",   // String: Text for the "previous" button
 nextText: "Next",       // String: Text for the "next" button
 maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
 controls: "",           // Selector: Where controls should be appended to, default is after the 'ul'
 namespace: "rslides",   // String: change the default namespace used
 before: function(){},   // Function: Before callback
 after: function(){}     // Function: After callback
});
});
 
_______________________________________________________________________
 
FICHIER responsiveslides.min.js DOSSIER THEME/JS/
_______________________________________________________________________
 
DANS /OVERRIDE/CONTROLLERS/FRONT/ProductController.php 
 
 
<?php
   class ProductController extends ProductControllerCore {
      public function setMedia() {
         parent::setMedia();
         Tools::addJS(_THEME_JS_DIR_.'responsiveslides.min.js');
      }
   }
 
_______________________________________________________________________
 
DANS DOSSIER THEME/product.tpl
 
 
<div id="image-block">
{if $have_image}
<ul class="rslides">
{if isset($images)}
{foreach from=$images item=image name=autoslide}
{assign var=imageIds value="`$product->id`-`$image.id_image`"}
<li id="thumbnail_{$image.id_image}">
<img id="bigpic" src="{$link->getImageLink($product->link_rewrite, $imageIds, 'large_default')}" alt="{$image.legend|htmlspecialchars}" height="{$largeSize.height}" width="{$largeSize.width}" />
</li>
{/foreach}
{/if}
</ul>
{/if}
</div>
 
_______________________________________________________________________
 
VIDER LE CACHE
_______________________________________________________________________
 
Je pense que cela viens du code intégré sur product.js mais je n'arrive pas à trouver, si quelqu'un parmi vous a une piste ?
 
Merci
 
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...