两天前,我一直坐下来,因此,我们不胜感激。 我也非常新。
I m trying to install the RoyalSlider JQuery code on Shopify and it doesnt appear to be working. I ve converted some of the sample codes to Shopify script but having no luck getting the slider to show up at all.
这是头脑中的一米:
{{ stylesheet.css | asset_url | stylesheet_tag }}
{{ SliderPreview.css.css | asset_url | stylesheet_tag }}
{{ royal-slider-1.0.min.css | asset_url | stylesheet_tag }}
{{ http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js | script_tag }}
{{ jquery-1.5.1.min.js | asset_url | script_tag }}
{{ jquery.easing.1.3.min.js | asset_url | script_tag }}
{{ royal-slider-1.0.min.js | asset_url | script_tag }}
这是我在机构里的:
<script>
$(function() {
var defaultSlider = new RoyalSlider("#banner-rotator", {
captionShowEffects:["moveleft", "fade"]
});
});
</script>
{{ page.content }}
<script>
royalSlider.loadTheme( {{ royal-slider-1.0.min.js | asset_url}} );
$( #banner-rotator ).royalSlider({
imageAlignCenter:true,
hideArrowOnLastSlide:true,
slideshowEnabled: true,
slideshowDelay:3000,
slideshowPauseOnHover: true,
slideshowAutoStart:true,
slideTransitionSpeed:800,
slideSpacing:0
});
});
</script>
接着,我把这块tag子放在我想要让步者展示的任何一页:
<div id="banner-rotator">
<a href="/"><img src="{{ banner.jpg | asset_url | img_tag }}" alt="{{ bridal `}}"`/></a>`
</div>
Please help!