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:

  

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -