Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Having a look at this example, and trying my best not to blame Internet Explorer, I can come up with a few suggestions for you.</p> <p>Firstly, I think the problem you are encountering is not in jQuery or IE (even though most problems are in IE), but rather in your 'cycle' plugin. If you're aiming at a carousel effect, I recommend you checkout Twitter's Bootstrap @ <a href="http://twitter.github.com/bootstrap" rel="nofollow">http://twitter.github.com/bootstrap</a></p> <p>There, you'll find an amazing set of styles and scripts which will allow you to use basic markup to set up your slider. Here's an example using Bootstrap.</p> <p>The markup would just look something like this:</p> <pre><code>&lt;!-- The carousel container --&gt; &lt;div id="slider" class="carousel slide"&gt; &lt;!-- The carousel --&gt; &lt;div class="carousel-inner"&gt; &lt;div class="active item"&gt; &lt;!-- Here you can put the image itself, as well as a custom element to hold a caption --&gt; &lt;img src="/path/to/image.png" alt="Image Not Found" title="Bootstrap Rocks!" /&gt; &lt;div class="carousel-caption"&gt; &lt;h4&gt;The Title&lt;/h4&gt; &lt;p&gt;Some text.&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="active item"&gt; &lt;img src="/path/to/image.png" alt="Image Not Found" title="Bootstrap Rocks!" /&gt; &lt;/div&gt; &lt;div class="active item"&gt; &lt;img src="/path/to/image.png" alt="Image Not Found" title="Bootstrap Rocks!" /&gt; &lt;/div&gt; &lt;/div&gt; &lt;!-- The anchors to move through the carousel --&gt; &lt;a class="carousel-control left" href="#slider" data-slide="prev"&gt;&amp;lsaquo;&lt;/a&gt; &lt;a class="carousel-control right" href="#slider" data-slide="next"&gt;&amp;rsaquo;&lt;/a&gt; &lt;/div&gt; </code></pre> <p>Best part is, you won't have to write any scripting for it. You can use this as is, just the markup will auto initialize.</p> <p>Few Tips.</p> <p>I just felt I should give you a few tips since you are aiming at making your site support internet explorer.</p> <p>When making sites capable of being run even with Internet Explorer's crappy everything, it's a good idea to use little shivs and tools that'll optimize your site for you. You no longer have to do a switch/case to optimize your site.</p> <p>When you're using HTML5 elements, try including 'HTML5Shiv @ <a href="http://code.google.com/p/html5shiv/" rel="nofollow">http://code.google.com/p/html5shiv/</a>'. And for CSS3, I'm writing 'CSS3Shiv @ <a href="http://github.com/karimsa/css3shiv" rel="nofollow">http://github.com/karimsa/css3shiv</a>', but that won't be out till January.</p> <p>Regardless, it's a good idea to browse around and check if the plugins you're using are able to self-optimize, if not, I really recommend you look for other ones.</p>
    singulars
    1. This table or related slice is empty.
    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.
    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