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:
Replied 09 Oct 2012 13:18:49
09 Oct 2012 13:18:49 Andre Bender replied:
and www.zoobasel.ch
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.
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.
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?
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?
Replied 20 Jun 2024 13:22:31
20 Jun 2024 13:22:31 User replied:
Changing background colors can significantly impact user experience and aesthetic appeal on digital platforms. Whether it's for websites, applications, or presentations, the choice of background color plays a crucial role in conveying information and eliciting emotions. Designers often consider factors such as readability, accessibility, and the psychological effects of colors on different audiences. For instance, a Green personality type might find green backgrounds calming and refreshing, fostering a sense of harmony and balance in their digital environment. The versatility of background color changes allows for creative expression while ensuring content remains visually engaging and contextually relevant.