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

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

c# - TypeConverter in propertygrid only converts from string, not to -

-
When the property grid is reached, only the conversion mechanism (often called) is called "Foo!" Returns the property string in the grid when I click to edit I get an exception Type.oo. Object type can not be changed to type. (Not properly translated,) What is a clue from the convert format, why not? And the error indicates that it is trying to convert to a string, not from. I think that when I want to edit this object, it will have to be converted from foo to string, and when the editing ends. Public class FooTypeConverter: StringConverter {public override object ConvertFrom (ITypeDescriptorContext Reference, CultureInfo Culture, Object Value) {New Foo (string) value); } Convert the public override object (Type the ITE DiskText Contact Reference, CultureInfo Culture, Object Value, Type Type) {Return "Foo!"; } Public override bool CanConvertFrom (ITypeDescriptorContext reference, type source type) {back true; } Public Override Bull CanConvertTo (ITypeDescrip...
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