Viewing Background

Background



User: Guest 12 years ago
Could you please create the possibility of really inserting a background image that

- reduces its size to the screen

- reduces automatically the size if you minimize the window of the browser
Edit
User: Roddy 12 years ago
This example uses jQuery Backstretch...

http://roddymckay.com/EasyWeb/backstretch.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: Guest 12 years ago
That is exactly what I am looking for. Thank you. But the embedding causes problems to me.

[i:3l2utnqc]BACKSTRetch is a jQuery plugin that allows you to add a dynamically resized background image to any page or element. It is also slideshow capable - autoplay or user controlled.

This is the backstretch setup js using an image on another server...

<script type="text/javavscript">
$.backstretch(["http://www.ezmacwebdesign.com/Demo/windmill/img/mountain.jpg"]);
</script>

[color=#FF0000:3l2utnqc]-> where do I put this in? Also in the Footer Code?[/color:3l2utnqc]

At this time, the image has to be uploaded to the server since EasyWeb cannot read the relative URL to a file added to Assets when it is enclosed in javascript.

Note that you need to load jQuery if you haven't already done so by using the EasyWeb navigation and/or slideshow. Paste this into the page footer code box...

[color=#FF0000:3l2utnqc]-> It is only text - thats right? How can I load it then? What is ment with EW navigation and slideshow?[/color:3l2utnqc]

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

You also need to add the jquery.backstretch.min.js file into Assets and reference it in the footer code box like this...

<script src="{!-ASSETSPATH-!}External%20Files/jquery.backstretch.min.js"></script>[/i:3l2utnqc]

[color=#FF0000:3l2utnqc]Sorry[/color:3l2utnqc]
Edit
User: Roddy 12 years ago
I have rewritten the whole thing to reflect the current state of EasyWeb and included a download like for the JS file...

http://roddymckay.com/EasyWeb/backstretch-test.html

Excuse my poor choice of background image!

-------------------------------
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.