Trying to get the s3slider to work on my shopify

Ive been working on this for 2 days now and its alittle out of my league, I was hoping a cyber samaritan could help me out.

So shopify has assets that you upload then call upon them in your html and liquid coding. As far as I understand the html section goes in the theme.liquid part and to display the slider on the front page the jQuery goes into the index.liquid. Right now the banner flashes for a split second before disappearing. So the html I have in the theme.liquid is:

`{% case template %}
{% when 'index' %}

{{ 'jquery.js' | asset_url | script_tag }} {{ 'jquery.cycle.all.js' | asset_url | script_tag }} {{ 's3slider.js' | asset_url | script_tag }} {{ 's3slider.css' | asset_url | stylesheet_tag }} jQuery.noConflict();

jQuery(document).ready(function() { jQuery('#s3slider').s3Slider({ timeOut: 4000 }); });
{% endcase %}`

And the code I put into the index.liquid to display the slider where I want it is:

`<div id="s3slider">
  <ul id="s3sliderContent">
   <li class="s3sliderImage">
      <a href="{{ 'banner1.jpg' | asset_url }}" />
{{ 'banner1.jpg' | asset_url | img_tag }}
</a>
            <span class="left"><strong>Title text 1</strong><br />Content text...</span></li>
        <li class="s3sliderImage">
            <a href ="{{ 'banner2.jpg' | asset_url }}" />
  {{ 'banner2.jpg' | asset_url | img_tag }}
</a>
            <span class="right"><strong>Title text 2</strong><br />Content text...</span></li>

        <div class="clear s3sliderImage"></div>
    </ul>
</div>

If you can suggest anything that would be great! And if you need anymore information Ill get that to you asap.

Thank you

Sasha

Wow that came out wayyy different than how it showed it would, I hope its still legible. before we can tackle that problem, anyone know how I can post this right? im putting 4 spaces before each line of code

ansaurus

tags:

views:

answers:

Trying to get the s3slider to work on my shopify

related questions