Issue with Slideshow
Permalink 1 user found helpful
Hi Guys
I haven't used concrete in a while but decided it was right for a recent project.
I am using the latest version of concrete on a custom design template.
Unfortunately I'm having an issue with the SlideShow Block. I add two images but when the page loads the first image begins by fading in - rather than simply loading in as per a normal image and then beginning the slideshow.
This is not how it used to work on older versions of Concrete so I am wondering how I can get it work so that the first image doesn't fade in when the page loads.
Have attached a screenshot of the block setup and I am using the latest version of concrete.
Any help would be very much appreciated!
Jeb
I haven't used concrete in a while but decided it was right for a recent project.
I am using the latest version of concrete on a custom design template.
Unfortunately I'm having an issue with the SlideShow Block. I add two images but when the page loads the first image begins by fading in - rather than simply loading in as per a normal image and then beginning the slideshow.
This is not how it used to work on older versions of Concrete so I am wondering how I can get it work so that the first image doesn't fade in when the page loads.
Have attached a screenshot of the block setup and I am using the latest version of concrete.
Any help would be very much appreciated!
Jeb
If anyone can help me with this I would very much appreciate it. Got the client breathing down my neck and don't really have an answer for them :/
URL would help.
Could be a javascript conflict.
Could be a javascript conflict.
Hello
Sry I thought it might be an issue someone else had experienced.
This is the URL:http://www.robertdaviesplanthire.co.uk/...
However, on that page the only extras jquery is for a button rollover. Everything else is what comes with concrete.
Any help would be hugely appreciated. Failing that I am considering using an older version.
Thanks,
Jeb
Sry I thought it might be an issue someone else had experienced.
This is the URL:http://www.robertdaviesplanthire.co.uk/...
However, on that page the only extras jquery is for a button rollover. Everything else is what comes with concrete.
Any help would be hugely appreciated. Failing that I am considering using an older version.
Thanks,
Jeb
Okay, can't help you, sorry.
Don't usually use that block.
Have set up a sample site locally and it does the same for me.
Must be the nature of the beast, unless someone knows better...
Don't usually use that block.
Have set up a sample site locally and it does the same for me.
Must be the nature of the beast, unless someone knows better...
If you're worried about the empty div showing the background image until the slideshow starts, you could try a couple of things.
1) Set the background color of the #banner DIV to white or
2) Place one of the slideshow images as the background of the #banner DIV so it appears until the first slide appears.
Perhaps this will stop the neck-breathing until you can find a better solution.
1) Set the background color of the #banner DIV to white or
2) Place one of the slideshow images as the background of the #banner DIV so it appears until the first slide appears.
Perhaps this will stop the neck-breathing until you can find a better solution.
OK, I solved it. I've created a custom template that doesn't fade in on the first slide.
1) Download the attached file and rename it 'view.php'
2) Create a folder on your server in '[root]/blocks/slideshow/templates/no_fade_first_slide'. You will have to create each new folder as you go starting in [root]/blocks.
3) Upload the view.php to the 'no_fade_first_slide' folder
4) Edit your slideshow but choose 'Custom Template' from the edit meuu and choose "No Fade First Slide" from the drop-down.
5) Save your changes and enjoy.
UPDATE: It appears that in order for this override to function you also need to copy your 'view.css' file from '[root]/concrete/blocks/slideshow' and put it in the '[root]/blocks/slideshow/templates/no_fade_first_image' folder.
Also, after you are done moving and copying these files, make sure you turn off the overrides cache by visiting 'Dashboard->System and Settings->Cache and Speed Settings' or your system will not look for these overriding files. Once you have loaded the page, C5 notes the location of these override files and you can turn the overrides cache back on.
Hope it helps. Holler if you have any troubles.
1) Download the attached file and rename it 'view.php'
2) Create a folder on your server in '[root]/blocks/slideshow/templates/no_fade_first_slide'. You will have to create each new folder as you go starting in [root]/blocks.
3) Upload the view.php to the 'no_fade_first_slide' folder
4) Edit your slideshow but choose 'Custom Template' from the edit meuu and choose "No Fade First Slide" from the drop-down.
5) Save your changes and enjoy.
UPDATE: It appears that in order for this override to function you also need to copy your 'view.css' file from '[root]/concrete/blocks/slideshow' and put it in the '[root]/blocks/slideshow/templates/no_fade_first_image' folder.
Also, after you are done moving and copying these files, make sure you turn off the overrides cache by visiting 'Dashboard->System and Settings->Cache and Speed Settings' or your system will not look for these overriding files. Once you have loaded the page, C5 notes the location of these override files and you can turn the overrides cache back on.
Hope it helps. Holler if you have any troubles.
Hi Mhawke
THANK YOU!
It's a good thing I am probably on the other side of the world or there's every possibility I would find out where you live and kiss you. :) haha.
That worked an absolute charm and illustrates I need to spend a lot more time getting acquainted with concrete as it would probably have taken me a month to work out how to do that.
Thank you so much!
Jeb
THANK YOU!
It's a good thing I am probably on the other side of the world or there's every possibility I would find out where you live and kiss you. :) haha.
That worked an absolute charm and illustrates I need to spend a lot more time getting acquainted with concrete as it would probably have taken me a month to work out how to do that.
Thank you so much!
Jeb
Thanks for the kind words.
Just to let you know what was happening... as each image was loaded, it's opacity was set to 0 (transparent) and then jQuery took over and swung the opacity value to 1 (visible). All I did was add about 3 lines to the js function that checked whether this was the first image loaded into the slider and if so, it sets the opacity to 1 right away.
Glad to be of assistance.
Just to let you know what was happening... as each image was loaded, it's opacity was set to 0 (transparent) and then jQuery took over and swung the opacity value to 1 (visible). All I did was add about 3 lines to the js function that checked whether this was the first image loaded into the slider and if so, it sets the opacity to 1 right away.
Glad to be of assistance.
Thanks mhawke
When the heat is on and you have a few projects on the go it's easy to stop thinking :/ So this helped me a loads and has taken some of the pressure off!
Mucho appreciated :)
When the heat is on and you have a few projects on the go it's easy to stop thinking :/ So this helped me a loads and has taken some of the pressure off!
Mucho appreciated :)
