Viewing Background slideshows (full screen)
Background slideshows (full screen)
User: Joe N. 10 years ago
|
|
In iWeb I was able to have a fullscreen background slideshow like this: http://iwebfaq.org/site/iWeb_Background_slideshow.html How can I do this with Everweb? Thanks, Joe |
|
User: Paul-RAGESW 10 years ago
|
|
Hi Joe, Most likely it will be a very similar process of putting that in EverWeb as it was in iWeb. However, it will be much easier in EverWeb cause you won't need any third party software or post publishing. Since I don't know how the author did it in iWeb, I cannot provide specific steps but the page you references does have a link to an instructional booklet that shows you how to do it. If you email the author, maybe he will update the instructions for EverWeb for you. ------------------------------- Paul EverWeb Developer |
|
User: Roddy 10 years ago
|
|
EverWeb makes this a lot easier since you can inject the code via the app rather than having to do it post publishing as was necessary with iWeb. If you want an auto slider, BackStretch will do it… http://ezmacwebdesign.com/Demo/backstretch/slideshow.html If you want controls then use SuperSized… http://ezmacwebdesign.com/Demo/background-slider/fade.html ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
User: Joe N. 10 years ago
|
|
Thanks Roddy! So, I just put the code into the header of the homepage? I want the slideshow on the Homepage. |
|
User: Joe N. 10 years ago
|
|
And yes, it will be much easier. One question. Will it work with Internet Explorer? | |
User: Roddy 10 years ago
|
|
Normally, CSS goes into the Head Code box, HTML into a Snippet and java script into the Footer code box. I'm referring to the boxes in the Page inspector. See this page for more info… http://everwebcodebox.com/code/code-insertion.html It depends which version of IE you mean. Just about everything should work in IE 10 and most things in 9. Microsoft has been forced to bring IE up to standard now that Google threatens to corner the browser market and rule the world with Chrome. If you get the opportunity, try the links to the test pages I posted above in IE. It's a while since I did these and I can't remember what works where! ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
User: Roddy 10 years ago
|
|
Here's BackStretch used for a background image in EverWeb… http://everwebcodebox.com/layout/backstretch.html It's not such a big leap to go for the slider. I haven't tried either of the background sliders in EW yet but I can't see any problem with it. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
User: Joe N. 10 years ago
|
|
And yes, it will be much easier. One question. Will it work with Internet Explorer? | |
User: Joe N. 10 years ago
|
|
Thanks Roddy! | |
User: Joe N. 10 years ago
|
|
Thanks Roddy! | |
User: Joe N. 10 years ago
|
|
Thanks Roddy!
Last edit 10 years ago |
|
User: Joe N. 10 years ago
|
|
I've inserted the code, but it's not working. Can anyone help? | |
User: Roddy 10 years ago
|
|
Can you post the URL to the published page?
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
User: Joe N. 10 years ago
|
|
Here is the URL: http://www.goldenlightproductions.com | |
User: Roddy 10 years ago
|
|
Make sure you dragged the images and the query.backstretch.min.js file into the EverWeb Assets list. Control (right) click each one to get the relative file path and paste it into the code like this… <script src="http://code.jquery.com/jquery-latest.min.js" type="text/java script"></script> <script src="{!-ASSETSPATH-!}External%20Files/jquery.backstretch.min.js" type="text/java script"></script> <script type="text/java script"> $.backstretch([ "{!-ASSETSPATH-!}Images/image-1.jpg", "{!-ASSETSPATH-!}Images/image-2.jpg", "{!-ASSETSPATH-!}Images/image-3.jpg" ], { fade: 2000, duration: 4000 }); </script> Now paste all this code into the Footer code box in the Page inspector. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
Post Reply |
You must login or signup to post. |