jquery - display a div after its contents is loaded -
I have a box on my website that includes images, texts and links. It is a carousel.
What I am trying to do is display the div when all the content is loaded.
Here's my html:
& lt; div id = "slideshow" & gt; I want to use ambiguity 0 siwtch opacity 1. & Lt; Div id = "carousel" & gt; & Lt; Li & gt; & Lt; A href = "n / article-1 /" & gt; & Lt; IMG width = "657" height = "394" src = "wp-content / upload / 41.jpg" square = "image_slideshow wp -post-image" alt = "4" nopin = "nopin" /> gt; & Lt; / A & gt; & Lt; Div class = "weekend" & gt; & Amp; Nbsp; & Lt; / Div & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; A href = "n / article3 /" & gt; & Lt; Img width = "657" height = "394" src = "wp-content / upload / 21.jpg" square = "image_slideshow wp -post-image" alt = "2" nopin = "nopin" /> gt; & Lt; / A & gt; & Lt; Div class = "lamande" & gt; & Amp; Nbsp; & Lt; / Div & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; A href = "n / article-4 /" & gt; & Lt; img width = "657" height = "394" src = "wp-content / upload / 11.jpg" class = "image_slideshow wp -past-image" alt = "1" nopin = "nopin" /> gt; & Lt; / A & gt; & Lt; Div class = "lamande" & gt; & Amp; Nbsp; & Lt; / Div & gt; & Lt; / li & gt; & Lt; Li & gt; & Lt; A href = "n / article -5 /" & gt; & Lt; IMG width = "795" height = "476" src = "wp-content / upload / 6.jpg" class = "image_slideshow wp -post-image" alt = "6" nopin = "nopin" /> gt; & Lt; / A & gt; & Lt; Div class = "lamande" & gt; & Amp; Nbsp; & Lt; / Div & gt; & Lt; / li & gt; & Lt; / Div & gt; & Lt; Ul id = "carousel-description" & gt; & Lt; Li class = "desc" & gt; This article 1 & lt; / li & gt; & Lt; Li class = "desc" & gt; This article is 3 & lt; / li & gt; & Lt; Li class = "desc" & gt; This article 4 & lt; / li & gt; & Lt; Li class = "desc" & gt; This article 5 & lt; / li & gt; & Lt; / Ul & gt; & Lt; Div id = "carousel-control" & gt; & Lt; span class = "control" & gt; & Lt; / Span & gt; & Lt; span class = "control" & gt; & Lt; / Span & gt; & Lt; span class = "control" & gt; & Lt; / Span & gt; & Lt; span class = "control" & gt; & Lt; / Span & gt; & Lt; / Div & gt; & Lt; Div class = "prev_slide" & gt; & Lt; img src = "../../../ wp-content / upload / structure / prev.jpg" & gt; & Lt; / Div & gt; & Lt; Div class = "next_slide" & gt; & Lt; img src = "../../../ wp-content / upload / structure / next .jpg" & gt; & Lt; / Div & gt; & Lt; / Div & gt; I tried to do something like that, but it is not working:
$ (document) .ready (function () {$ ( '# Slideshow'). CSS ('Opacity', '0'); $ ('# Slide Show') Load (function () {$ (this). CSS ('Opacity', '1');} )}} Is there a way to do this? Fade to display the div. I can not use any display because my carousel needs to be displayed to work
Thank you Help
set its visibility to hidden Use HTML MARKUP in your style, and then use it: $ (window) .load Waiting for all images Or you can mention the post of that man, where he is such a Totally different waits to load the images of these shares specific element
Comments
Post a Comment