Re: ACoin Homepage Slider Support
Quote:
Originally Posted by
jagall
Please help. have tried this slider same as coin slider but the images are just coming in stacked, nothing like demo. I notice in define main page the callout for the js files is missing, I put them in but no difference, please help. thanks
The JS files are automatically loaded within the zencart format. It is definitely a JS issue as long as you upload the files located in the folder includes > templates > your_template > jscript they will automatically load.
Another issue if you have any other JS on your page or in that folder I have seen them interfere and not work. Without having access to your files its hard to find the exact source why its not working.
I would first make sure the files are all uploaded as given
check for any other JS files on the page
What template are you using if you dont mind me asking?
Re: ACoin Homepage Slider Support
Oh congrats on your nuptials, in the very short interim, I got it working, yes JS interfering, moving to my js folder and deleted a no of jscript files. I am trying to add slider wrapper etc, here is link if you get chance to have a look. Thanks again.
Using my own version of adapted classic template.
Re: ACoin Homepage Slider Support
Quote:
Originally Posted by
jagall
Oh congrats on your nuptials, in the very short interim, I got it working, yes JS interfering, moving to my js folder and deleted a no of jscript files. I am trying to add slider wrapper etc, here is
link if you get chance to have a look. Thanks again.
Using my own version of adapted classic template.
The features wrapper is a great idea! I like that and it looks like its coming along great! I love to see how people change it up for their site.
Re: ACoin Homepage Slider Support
Cheers brandonturpin, I have it on our main page now, see here, but when the page loads, the images stack as they load and then its fine but it doesn't look right, any ideas?
Re: ACoin Homepage Slider Support
Quote:
Originally Posted by
jagall
Cheers brandonturpin, I have it on our main page now, see here, but when the page loads, the images stack as they load and then its fine but it doesn't look right, any ideas?
What is the link to the site and I can look at what you are talking about? Are they loading stacked then going into the slider, or do they just stay stacked on top of each other?
Re: ACoin Homepage Slider Support
sorry link is here
used the overflow: hidden; but not still not working as should, appreciate your feedback.
Re: ACoin Homepage Slider Support
Quote:
Originally Posted by
jagall
Cheers brandonturpin, I have it on our main page now, see here, but when the page loads, the images stack as they load and then its fine but it doesn't look right, any ideas?
Sorry about the delay, I was on a family trip this weekend. But I pulled the site up and it does not stack to me it comes right up. Were you able to fix it or am I just not seeing it on my end?
Re: ACoin Homepage Slider Support
Thanks for replying Brandon. Well I am using firefox, chrome & IE and when the homepage loads, the second image nudges in after the first briefly, rectifies itself and fine again, I think it is something to do with the slider settings, see below: If you can have a peek to see if something stands out, cheers.
<script type="text/javascript" src="js/jscript_1.7.1.js"></script>
<script type="text/javascript" src="js/jscript_coin-slider.min.js"></script>
<script type="text/javascript" src="js/jscript_coin-slider.js"></script>
<link rel="stylesheet" href="includes/templates/sweet/css/stylesheet_coin-slider-styles.css" type="text/css"/>
<div id="wrapper">
<div id="ribbon"></div>
<div id='coin-slider'>
<a href="http://www.sweetco.ie/tubs" target="_blank">
<img src='../images/slider/sliderimage4.jpg' alt="Tub Sweets"/>
<span>
New Range of Tub Sweets
</span>
</a>
<a href="http://www.sweetco.ie/sweet-gifts">
<img src='../images/slider/sliderimage8.jpg' alt="Shamrock Pops"/>
<span>
Sweet Gift Ideas
</span>
</a>
<a href="http://www.sweetco.ie/novelty-lines/rock-candy" target="_blank">
<img src='../images/slider/sliderimage1.jpg' alt="Rock Candy"/>
<span>
Rock Candy
</span>
</a>
<a href="http://www.sweetco.ie/retro-lines/tubs/5c-sweets/milk-teeth">
<img src='../images/slider/sliderimage2.jpg' alt="Milk Teeth"/>
<span>
Milk Teeth
</span>
</a>
<a href="http://www.sweetco.ie/jars/celtic-confectionery">
<img src='../images/slider/sliderimage3.jpg' alt="Celtic Confectionery"/>
<span>
Celtic Confectionery Jar Range
</span>
</a>
<a href="http://www.sweetco.ie/novelty-lines/lanyard-dummies">
<img src='../images/slider/sliderimage5.jpg' alt="Lanyard Dummies"/>
<span>
Lanyard Dummies Selection
</span>
</a>
<a href="http://www.sweetco.ie/retro-lines/kids-lines/flipper">
<img src='../images/slider/sliderimage6.jpg' alt="Flipper"/>
<span>
Flipper
</span>
</a>
<a href="http://www.sweetco.ie/specials">
<img src='../images/slider/sliderimage7.jpg' alt="Specials"/>
<span>
See our Special Offers
</span>
</a>
</div>
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#coin-slider').coinslider({ width: 650, height: 240, navigation: true, delay: 5000 });
});
</script>
<!-- Effects to place in JS above
width: 650, // width of slider panel
height: 240, // height of slider panel
spw: 7, // squares per width
sph: 5, // squares per height
delay: 3000, // delay between images in ms
sDelay: 30, // delay beetwen squares in ms
opacity: 0.7, // opacity of title and navigation
titleSpeed: 500, // speed of title appereance in ms
effect: '', // random, swirl, rain, straight
navigation: true, // prev next and buttons
links : true, // show images as links
hoverPause: true // pause on hover
-->
Re: ACoin Homepage Slider Support
All 8 pics look like they are loading properly to me. I'm using FF
Re: ACoin Homepage Slider Support
Quote:
Originally Posted by
jagall
Thanks for replying Brandon. Well I am using firefox, chrome & IE and when the homepage loads, the second image nudges in after the first briefly, rectifies itself and fine again, I think it is something to do with the slider settings, see below: If you can have a peek to see if something stands out, cheers.
-->
I think I see what you are talking about, its like a quarter of a second long but it starts loading the images before the JS fully kicks in to layer them. I would say its either one of 2 things, it might have to do with the wrapper you placed over it I would have to look at that and see if there are any hold ups. But I would put my money on you having the JS files included in the code on the page its self. With how i had it set up the JS automatically loaded from the jscript folder which I would put money would speed it up. I dont know how much editing you have done try this
Make sure the following files are in the following directories
Includes > templates > YOUR_TEMPLATE > jscript > jscript_1.7.1.js
Includes > templates > YOUR_TEMPLATE > jscript > jscript_coin-slider.js
Includes > templates > YOUR_TEMPLATE > jscript > jscript_coin-slider.min.js
then remove the following script in the defines_main_page.php
Quote:
<script type="text/javascript" src="js/jscript_1.7.1.js"></script>
<script type="text/javascript" src="js/jscript_coin-slider.min.js"></script>
<script type="text/javascript" src="js/jscript_coin-slider.js"></script>
the JS files should be auto loaded into the page and no need to include them twice. If that does not load the JS then we will have to figure out whats going on there but that would make a difference.
Then re move the following script in your defines_main_page.php
Quote:
<link rel="stylesheet" href="includes/templates/sweet/css/stylesheet_coin-slider-styles.css" type="text/css"/>
As this should load automatically as well and basically is like including it twice
I would put my money that making sure those files are in the right directory and removing it off the defiles_main_pages.php would fix that issue.
Let me know what ya come up with