Prev Button flicks when page loads
Permalink Browser Info Environment
Thanks for the great add-on guys! For some reason when I load my page my prev image button shows up then disappears. Then when I click to go to the next image button it shows up again.
Is there a way for the prev image button to not flicker and just stay off until I click the next image button ?
Is there a way for the prev image button to not flicker and just stay off until I click the next image button ?
| Type: | Discussion |
|---|---|
| Status: | New |
Anyone? I've noticed that the back button in the gallery is there until all of the picture/page loads. Any ideas would be great.
example URL?
Hummm I'll PM you. I don't really want to advertise that.
Hey Bryan,
So the red arrow shows up until the document.ready javascript call that is fired when the page is loaded. This is done because the the logic to display or not display the arrow is in javascript and it's particularly evident on your site because you're loading some pretty large images before the document is "ready"
I'm not 100% sure this'll work, but you could add this line to your css:
span.ccm-imageSlider-prevBtn {display: none; }
(preferably you'd use a selector, something so this is only on the home page and not for all image sliders..)
If it never shows up again after you start scrolling you'll have to take this approach:
- override the view.php template from the image slider package by copying it to /blocks/image_slider/view.php, then:
Around line 27 where the previous button is output:
add a "display: none; " to the style attribute
That'll make it hidden by default then jquery will just show it when it's needed.
So the red arrow shows up until the document.ready javascript call that is fired when the page is loaded. This is done because the the logic to display or not display the arrow is in javascript and it's particularly evident on your site because you're loading some pretty large images before the document is "ready"
I'm not 100% sure this'll work, but you could add this line to your css:
span.ccm-imageSlider-prevBtn {display: none; }
(preferably you'd use a selector, something so this is only on the home page and not for all image sliders..)
If it never shows up again after you start scrolling you'll have to take this approach:
- override the view.php template from the image slider package by copying it to /blocks/image_slider/view.php, then:
Around line 27 where the previous button is output:
add a "display: none; " to the style attribute
That'll make it hidden by default then jquery will just show it when it's needed.
That worked perfectly! Thanks a great deal Ryan! I appreciate it!