Note that there are some explanatory texts on larger screens.

plurals
  1. POSlider stuck on first slide
    primarykey
    data
    text
    <p>I used Anythingslider in my script , it's work with all browsers (FF ,IE) but not working with Chrome and stuck in first slide. </p> <p>I just change in code to add cute bar and this is my code : </p> <p>Widget View:</p> <pre><code> &lt;link rel="stylesheet" href="&lt;?php echo Yii::app()-&gt;request-&gt;baseUrl; ?&gt;/css/anythingslider.css"&gt; &lt;script src="&lt;?php echo Yii::app()-&gt;request-&gt;baseUrl; ?&gt;/js/jquery.anythingslider.js"&gt;&lt;/script&gt; &lt;!-- Define slider dimensions here --&gt; &lt;style&gt; /*** Set Slider dimensions here! Version 1.7+ ***/ /* added #slider li to make panels the same size in case "resizeContents" is false */ #slider { width: 715px; height: 230px; list-style: none; float: right; margin-right: -60px; direction: ltr; } .anythingSlider { display: block; overflow: visible !important; position: relative; } #nav-slider { text-align: center; float: right; margin-top: -20px; } #nav-slider ul, #nav-slider span { display: inline-block; padding-right: 0.3px; } #nav-slider li { display: inline-block; padding: 1px; } #nav-slider a { display: inline-block; width: auto; height: 10px; padding: 8px; text-align: center; text-decoration: none; color: #999; font-size:20px; } #nav-slider a:hover { } #nav-slider a.cur { } #nav-slider a.start-stop { } #nav-slider a.start-stop.playing {} &lt;/style&gt; &lt;!-- AnythingSlider initialization --&gt; &lt;script&gt; // DOM Ready $(function(){ $('#slider').anythingSlider({ startText : "&lt;img src='&lt;?php echo Yii::app()-&gt;baseUrl ; ?&gt;/images/play.png'&gt;", // Start button text stopText : "&lt;img src='&lt;?php echo Yii::app()-&gt;baseUrl ; ?&gt;/images/puss.png'&gt;", // Stop button text forwardText : "&lt;img src='&lt;?php echo Yii::app()-&gt;baseUrl ; ?&gt;/images/prv.png'&gt;", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image) backText :"&lt;img src='&lt;?php echo Yii::app()-&gt;baseUrl ; ?&gt;/images/next.png'&gt;" , // Link text used to move the slider back (hidden by CSS, replace with arrow image) // A HTML element (jQuery Object, selector or HTMLNode) to which the controls will be appended if not null appendBackTo: $('#nav-slider span:eq(0)'), appendControlsTo: $('#nav-slider span:eq(1)'), appendForwardTo: $('#nav-slider span:eq(2)'), // Details at the top of the file on this use (advanced use) navigationFormatter: function(index, panel) { // This is the default format (show just the panel index number) return "" + index; } }); }); &lt;/script&gt; &lt;!-- END AnythingSlider --&gt; &lt;div class="my_footer_block_trainer" &gt; &lt;h1 style="text-align: right;"&gt;أخبار المدرب&lt;/h1&gt; &lt;div id="slider"&gt; &lt;?php $i=3; foreach($newse as $value):?&gt; &lt;?php if($i % 3==0):?&gt; &lt;div&gt; &lt;?php endif; ?&gt; &lt;table width="200px" style=" display:inline; margin:0; padding:.9em; zoom: 1; "&gt; &lt;tr &gt; &lt;td width="200px" style="text-align:center ;"&gt; &lt;?php echo CHtml::image(Yii::app()-&gt;baseUrl."/news_images/".$value-&gt;t_img,$value-&gt;title,array('width'=&gt;'182px','heghit'=&gt;'182px','style'=&gt;'display: inline-block;')); ?&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="200px" style="text-align:right ;"&gt; &lt;div class="title" style="display: inline-block;"&gt; &lt;?php echo CHtml::link($value-&gt;title.$i,array('site/news','id'=&gt;$value-&gt;news_id));?&gt;&lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="200px" style="text-align:center ;"&gt; &lt;div class="date" style="display: inline-block;"&gt; &lt;div class="date" style="display: inline-block;"&gt;&lt;?php echo $value-&gt;p_date ; ?&gt;&lt;/div&gt; &lt;p&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;?php $i++;?&gt; &lt;?php if($i % 3 ==0):?&gt; &lt;/div&gt; &lt;?php endif; ?&gt; &lt;?php endforeach ;?&gt; &lt;/div&gt; &lt;br /&gt; &lt;?php echo CHtml::link("مركز الاخبار",array('site/newslist'),array('class'=&gt;'reg-now')); ?&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;div id="nav-slider"&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;span&gt;&lt;/span&gt; &lt;/div&gt; &lt;br /&gt;&lt;br /&gt; &lt;/div&gt; </code></pre> <p>this test link : <a href="http://t.illaf.net/new/trainers/117" rel="nofollow">http://t.illaf.net/new/trainers/117</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload