[Resolvido] Código parou do nada.

[thiago sobrinho 0]

São dois efeitos: O primeiro é de um slider na vertical, e o segundo é de um slider na horizontal. Quando eu apago todo código de um slider por exemplo, o efeito da página funciona legal. Mas o outro é claro não funciona.

O que pode estar acontecendo? Parou do nada.

Tem algum tipo de conflito.

 

VLW

 

Esse é código é de um módulo do site

<?php 
class Socialtab_Slidingproduct_Block_Slidedown extends Mage_Core_Block_Template {
   /**
    * A model to serialize attributes
    * @var Varien_Object
    */
   protected $_serializer = null;

   /**
    * Initialization
    */

  protected function _construct() {
       $this->_serializer = new Varien_Object();
       parent::_construct();
   }

   /**
    * Produce links list rendered as html
    *
    * @return string
    */
   protected function _toHtml() {
$social=Mage::getStoreConfig('slidingproduct');
$noitems=$social['socials']['items'];
$animate=$social['socials']['animate'];
$bg=$social['socials']['bg'];
$width=$social['socials']['width'];
//var_dump($noitems);

?>

      	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">
$js=jQuery.noConflict();

$js(function () {
   $js('ul.spy').simpleSpy();
});

(function ($js) {

$js.fn.simpleSpy = function (limit, interval) {
   limit = limit ||10;
   interval = interval ||<?php echo $animate;?>;

   return this.each(function () {
       // 1. setup
           // capture a cache of all the list items
           // chomp the list down to limit li elements
       var $list = $js(this),
           items = [], // uninitialised
           currentItem = limit,
           total = 0, // initialise later on
           height = $list.find('> li:first').height();

       // capture the cache
       $list.find('> li').each(function () {
           items.push('<li>' + $js(this).html() + '</li>');
       });

       total = items.length;

       $list.wrap('<div class="spyWrapper" />').parent().css({ height : height * limit });

       $list.find('> li').filter(':gt(' + (limit - 1) + ')').remove();

       // 2. effect        
       function spy() {
           // insert a new item with opacity and height of zero
           var $insert = $js(items[currentItem]).css({
               height : 0,
               opacity : 0,
               display : 'none'
           }).prependTo($list);

           // fade the LAST item out
           $list.find('> li:last').animate({ opacity : 0}, 1000, function () {
               // increase the height of the NEW first item
               $insert.animate({ height : height }, 1000).animate({ opacity : 1 }, 1000);

               // AND at the same time - decrease the height of the LAST item
               // $js(this).animate({ height : 0 }, 1000, function () {
                   // finally fade the first item in (and we can remove the last)
                   $js(this).remove();
               // });
           });

           currentItem++;
           if (currentItem >= total) {
               currentItem = 0;
           }

           setTimeout(spy, interval)
       }

       spy();
   });
};

})(jQuery);



</script>
<style type="text/css" media="screen">


/* Style and images take for example purposes only from http://www.quicksnapper.com */



#sidebar {
   color: #AFB0B1;
   background: <?php echo $bg;?>;
   float:  right;
   margin:0 -10px 0px;
   padding: 0px 0px 0px;
   width:<?php echo $width;?>px;
   height:<?php echo $noitems;?>px;
   overflow:hidden;



}

#sidebar ul {
   font-size: 11px;
   list-style-type:none;
   margin:0;
   padding:0;
   position: static;
}

.rating {
   background-image:url(http://static.jqueryfordesigners.com/demo/images/simple-spy/info_bar_stars.png);
   background-repeat:no-repeat;
   height:12px;
   text-indent:-900em;
   font-size:1em;
   margin:0 0 9px;
}

.none {
       background-position: 82px 0px;
}

.four {
       background-position: 82px -48px;
}

.five {
       background-position: 82px -60px;
}

.tags {
       color: #fff;
       margin: 0.5em;
}

.tags a,
.tags span {
position: relative;
background-color: #333839;
font-size: 0.8em;
padding: 0.1em 0.8em 0.2em;
top: 70px;
right: 70px;

}

.tags a:link,
.tags a:visited {
       color: #fff;
       text-decoration: none;  
}

.tags a:hover,
.tags a:active {
       background-color: #3e4448;
       color: #fff;
       text-decoration: none;  
}

#sidebar li {
   height: auto;
   overflow: hidden;
   border-bottom:1px solid #CCC;
   margin-top:10px;	
}

#sidebar li h5 {
   color:#A5A9AB;
   font-size:11px;
   margin-bottom:0.5em;
}

#sidebar li h5 a {
color:#A5A9AB;
text-decoration:none;
position: absolute;
}

#sidebar li img {
position:  relative;
   float:left;
   margin-right:5px;
}

#sidebar li .info {
position:  relative;
color:#3E4548;
font-size:1em;
top: 80px;
right: 65px;

}

#sidebar .info a,
#sidebar .info a:visited {
   color:#3E4548;
   text-decoration: none;
}

#sidebar .spyWrapper {
   height: 100%;
   overflow: hidden;
   position: relative;    
}

#sidebar {
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
}

.tags span,
.tags a {
border-radius:3px;
       -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
}

a img {
   border: 0;
}


   </style>	



<?php	

//echo $twitter[socials][twitter];
        $html='';       



$html.='<div id="sidebar">
       <ul class="spy">';
$category = Mage::getModel('catalog/category');
$category->load($social['socials']['category']);
$collection = $category->getProductCollection();
   foreach ($collection as $product) {

$Product = Mage::getModel('catalog/product');
$Product->load($product->getId());
//var_dump($this->getReviewsSummaryHtml($Product, 'short'));
$html.= '<li style="height:120px;">
                       <a href="'.$Product->getProductUrl().'" title="'.$Product->getName().'"><img width="70" height="70" src="'.$Product->getImageUrl().'" title="'.$Product->getName().'" /></a>			
                       <h5><a href="#" title="'.$Product->getName().'">'.$Product->getName().'</a></h5>
                       <p class="info">'.Mage::helper('core')->currency($Product->getPrice(),true,false).'</p>
			<p>'.$Product->getRatingSummary().'</p><p>'.$Product->getRatingSummary().'</p>                        
		<p class="tags"><a href="'.$Product->getProductUrl().'"title='.$Product->getName().'>COMPRAR</a></p>


               </li>';   
} 
            $html.='</ul>
   </div>'; 















       return $html;
   }
}
?>

 

 

 

E este é de uma página do site

 

<script type="text/javascript" src="{{skin url='script/jquery.easing.1.3.js'}}"></script>
<script type="text/javascript" src="{{skin url='script/tms-0.3.js'}}"></script>
<script type="text/javascript" src="{{skin url='script/tms_presets.js'}}"></script>
<script type="text/javascript">
;(function(jQuery){

	jQuery(window).load(function(){
		jQuery('.slider')._TMS({
			prevBu:'.prev',
			nextBu:'.next',
			playBu:'.play',
			duration:800,
			easing:'easeOutQuad',
			preset:'simpleFade',
			pagination:true,
			//pagNums:false,
			slideshow:5000,
			numStatus:false,
			banners:'fade',// fromLeft, fromRight, fromTop, fromBottom
			waitBannerAnimation:false
		})	
	})

})(jQuery)


</script>

<div class="slider">
<ul class="items">	
	<li>
		<img alt="" src="{{skin url='images/media/slide1.jpg'}}"/>
		<div class="banner"><a href="{{store url=adesivos"}}"> </a></div>
	</li>
	<li>
		<img alt="" src="{{skin url='images/media/slide2.jpg'}}"/>
		<div class="banner"><a href="{{store url="adesivos"}}"> </a></div>
	</li>
	<li>
		<img alt="" src="{{skin url='images/media/slide3.jpg'}}"/>
		<div class="banner"><a href="{{store url="adesivos"}}"> </a></div>
	</li>
</ul>
</div>
<div class="banners">
<a href="{{store url="frete-gratis"}}"><img alt="" src="{{skin url='images/media/banner1.jpg'}}"/></a>
</div>

[thiago sobrinho 0]

Pra quem não entendeu o site ta no ar:

www.olhardearte.com.br

 

o slider na horizontal parou, mas o vertical funciona.

 

O tema do site é pago, mas eu comprei o módulo do slider vertical de um indiano. Aí fica osso pedir suporte sendo q um não tem a ver com o outro.

[thiago sobrinho 0]

Bom. Não consegui, fiquei muito tempo tentando e não achei solução. Então troquei pelo Banner Slider.

 

+/- Resolvido.

 

VLW