DMXzone Supersized Support Product Page

How do I change background color and fade in 1 image?

Asked 09 Oct 2012 10:35:30
1
has this question
09 Oct 2012 10:35:30 Andre Bender posted:
I'd like to have a green background while the image is loading then let the image fade in (only 1). How can I accomplish this, it doesn't seem to work.

I changed: #supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background-color: #31562d; }

but the background is still white.

Also slideshow animation doesn't seem to work, no fading-in.

Configuration:

jQuery.dmxSupersized(
{"design": "blue", "transition": 1, "transition_speed": 3000, "pause_hover": true, "keyboard_nav": false, "performance": 0, "vertical_center": false, "horizontal_center": false, "fit_portrait": false, "slide_links": "", "thumb_links": false, "arrows_navigation": false, "play_pause_btn": false, "slides_titles": false, "slide_counter": false, "slides": [{"image": "../../cgi-bin/pagedata/fotosbackground/ozeanium_01.jpg", "title": "", "url": "", "thumb": "", "type": 2, "onClick": "", "onShow": "", "onHide": ""}], "progress_bar": false}
);

Replies

Replied 09 Oct 2012 13:07:49
09 Oct 2012 13:07:49 Teodor Kuduschiev replied:
Please provide a link to your page.
Replied 09 Oct 2012 13:14:01
09 Oct 2012 13:14:01 Andre Bender replied:

www.ozeanium.ch/

Thx Teodor

Replied 09 Oct 2012 13:18:49
09 Oct 2012 13:18:49 Andre Bender replied:
Replied 11 Oct 2012 10:31:30
11 Oct 2012 10:31:30 Andre Bender replied:
Any news on this subject? Do you need more inforamtion? Thanks for any help.
Replied 11 Oct 2012 11:04:44
11 Oct 2012 11:04:44 Teodor Kuduschiev replied:
Hello Andre,

What do you mean to fade one image? The fade effect is only available when there are several images in a slideshow.
Replied 11 Oct 2012 13:29:37
11 Oct 2012 13:29:37 Andre Bender replied:
It looks much nicer, if the image fades-in slowly with a green background instead of "popping-up". Todether with the white background it looks like a "flash". I've tried to use two images, a simply green one and a foto. But because the foto has a dynamic and the green image a static source it didn't work. Should it work?

Nevertheless the white background is really disturbing. But I can't get it changed to green.
Replied 11 Oct 2012 13:58:33
11 Oct 2012 13:58:33 Teodor Kuduschiev replied:
Unfortunately this is not possible. This is how the browser renders the page before it fully loads.
Replied 11 Oct 2012 14:03:29
11 Oct 2012 14:03:29 Andre Bender replied:
I manged to do this with the old script I used. If the background color is set in a css file the corlor rendering is fast enough not to show up a white screen.

Is the white color somewhere defined in your script? CSS Body or any other div? At whitch level is the last layer you are using? MAybe I can put a div under it with a green background?

Reply to this topic