css - How do I create a fade in effect on a rotating background image using Jquery -

-

I am currently using a small jquery script to rotate through background images on a portfolio site. The portfolio site here is the code: 

  counter = 1; Num_images = 9; Dir = "Image Director URL"; Function Rotate Header () {var background_img = 'url (' + dir + '/ image' + Counter + '. Gif)'; JQuery ('Category'). CSS ('background image', background_EMG); Counter ++; If (counter> number_image) counter = 1; } SetInterval ("rotateHeader ()", 5000);

You can see it working here:

What do I want to do in the picture and or the color fades and exits me It seems that I have to preload the images in order to do this and then add some type of fade property when the images are loaded. How do I do this?

Something like this should 

  Vir counter = 1, number_inces = 9, diamond = "image indicator URL"; Function Rotate Header () {var background_img = 'url (' + dir + '/ image' + Counter + '. Gif)'; JQuery ('Category'). Feedout (function () {jQuery (this). CSS ('background-image', background_image). Fadein ();}); Counter ++; If (counter> number_image) counter = 1; } SetInterval (Rotate Header, 5000); First of all, we have started erasing the image of the current background, then in the callback function, change the background image and then fade it back. You may want to play with  fadeOut ()  and  Fadein ()  to get the effect you want to effect I want to evaluate a string in the name of the function name To change, also changed the  setInterval () .

Comments

Post a Comment

Popular posts from this blog

oracle - The fastest way to check if some records in a database table? -

-
I have a big table to work with. I have to see that there are some records whose parent_id is equal to my passing value. Currently I do this by implementing "my_table using select count (*) where parent_id =: id"; If the result> 0, it means that they exist. Because this is a very large table, and I do not care what the actual number of records present, I just want to know if it exists, so I think count (*) Bit is disabled. How do I apply this requirement most quickly? I'm using Oracle 10. # Tips for Hibernation & amp; Tricks It suggests writing in such a way: Integer number = (integer) session .createQuery ("Select Count (*) to ...."). UniqueResult (); I do not know what is the magic of the unique rule? Why does it fast? To compare, select "1 from mytable where parent_id = passId and rowrum", which is more efficient? If you are not interested in the number of records, then there is an EXISTS query one: Select 'y'
Read more

php - multilevel menu with multilevel array -

-
Just ask someone to solve this problem? I want to create a multilevel menu I can not find the right solution generated with multilevel array, it always gets an array_push error My study came from the original idea But still my Can not match the need. This is my MySQL [code] ----- --------------------- --------------- | ID | PARENT_ID | Name | Link | Seq | 1 | 0 | Dashboad | Dashboard / | 1 | 2 | 0 | Menu 1 | Menu 1 / | 2 | 3 | 0 | Menu 2 | Menu 2 / | 3 | 4 | 0 | Menu 3 | Menu 3 / | 4 | 5 | 2 | Joint Add / | 1 | 6 | 3 | Joint Add / | 1 | 7 | 2 | Edit | Edit / | 2 | 8 | 4 | Joint Add / | 1 ------------------------------------------ [/ Code] I want to do something like this in my array array ('dashboard' = & gt; array ('id' = & gt; '' 'Dame' = & gt; 'Dashboard', 'Title' = & gt; 'Dashboard', 'MatchMin' = & gt; Base_URL (). 'Dashboard /', 'Active' => = & Gt; NULL), &
Read more

jQuery UI: Datepicker month format -

-
I am trying to change the format of the month that shows in the popup (not in the date that the picker actually I do not have any choice anywhere to do this, do I like to use a sub-string () or something else? What I normally display is Trying to change: Class = "ui-datepicker-title"> January & lt; / span & gt; ... & lt; / div & gt; Div>
Read more