javascript - jQuery fade DIV content -


Hey I'm working on this script and I do not get any help.

I have this on my belly, actually i have some div and I wanted them to be faded and they will get faded which they are doing right now

However, when material 1 is fading, then content 2 should come at the same time (I think the opacity should be light) for smooth transition

Javascript:

Code> $ (function () {function fadeMyContent () {$ (".content : First "). Fidine (700) .Dele (1000) .Fedaut (700, function () {$ (this) .appendTo ($ (this) .print ()); feedmcontent ();})}} feedmcant ();});

HTML:

  & lt; Ul & gt; & Lt; Li class = 'thecontent' & gt; Content 1 & lt; / Li & gt; & Lt; Li class = 'thecontent' & gt; Content 2 & lt; / Li & gt; & Lt; Li class = 'thecontent' & gt; Content 3 & lt; / Li & gt; & Lt; Li class = 'thecontent' & gt; Content 4 & lt; / Li & gt; & Lt; Ul & gt;   

I've got a solution for you I am using, but they are only to demonstrate the effect is difficult to fade between the black background; I recommend that you give ul a dark background and fade text and content over and over it; This will give a good effect.

This is a code from Belal. If you need clarification, please ask.

  function feeds () {var currentPanel = $ ("ul li: visible"); Var current paniel index = current panel.index (); CurrentPanel.fadeOut (1000); // If the next panel is fade away from the last, start from the beginning If (currentPanelIndex == ($ ("ul li") length - 1)) {$ ("ul li: first-child"). FadeIn (1000); } Other // If this is not the last, continue through the list {currentPanel.next (). FadeIn (1000); } // Keep Ball Rolling Settimate (Fidelity, 5000); } $ (Document) .ready (function () {// Just show it well - it can be removed (this is just the stuffing stuff) $ ("ul li: eq (0)"). Html (" Lt; img Src = 'http: //barbados.org/landscap/bcparadise1.jpg'> "); $ (" ul li: eq (1) "). Html) (" & lt; img src =' http : // www. Get-free-walpapers.com/wallpaper/previews/3652-1202425455/nature/oceans/3652-victoria-beach-laguna-beach-california.jpg'> "); $ ("Ul li: eeq (2)") .HTML ("& lt; img src = 'http: //www.traveltovietnam.cc/Upload/Tour/2352008111155_SplendorOfMuiNeBeachMuiNe2.jpg'>"); $ (" Ul li: one (3) "). Html (" & lt; img src = 'http: //www.croatia-danexumag.com/cms_upload/upload/Apartments_VERUDELA_BEACH_00.jpg'> "); // Ball rolling setimet Start (Feeddives, 3000);});   

Images are licensed under blah blah which cares, bring me lawsuits to steal your beach; -)

Comments

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

c# - Using Vici cool Storage with monodroid -

c# - Client template not working with custom helper action methods -