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 9 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. 9 years ago
Here is the URL: http://www.goldenlightproductions.com
User: Roddy 9 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.