jquery - FadeIn image after it is loaded -

-

I am trying to load the image with fade in effect in the div. The problem is that I do not know that one How to avoid shipment and vanishing time. I want to load the image and it should be faded after it is fully loaded.

These images are thumbs up: 

  & lt; Div id = "thumb" & gt; & Lt; A href = "#" class = "slika_thumb" id = "1" & gt; & Lt; Img src = "slike / th.jpg" range = "0" /> & Lt; / A & gt; & Lt; A href = "#" square = "slack_thumb" id = "2" & gt; IMG src = "swipe / th. Jpg" range = "0" /> & Lt; / A & gt; & Lt; A href = "#" square = "slika_thumb" id = "3">  gt; & Lt; / A & gt; & Lt; A href = "#" & gt; & Lt; Img src = "Slike / th.jpg" range = "0" /> gt; & Lt; / A & gt; & Lt; A href = "#" & gt; & Lt; Img src = "rock / th.jpg" range = "0" /> & Lt; / A & gt; & Lt; A href = "#" & gt; & Lt; IMG src = "swipe / th. Jpg" range = "0" /> & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt;

This is the container where the image should load: 

  & lt; Div id = "desna_kolona" & gt; & Lt; Div id = "slika" & gt; & Lt; Img src = "slike / c6.jpg" /> & Lt; / Div & gt; & Lt; / Div & gt;

And this is a jquery file: 

  $ (document) .ready (function () {$ ('slika_thumb'). ) {Var id = $ (this) .attr ("id"); $ ('# slika'). Hide (); $ .ajax ({url: 'slike / slika.php? Id =' + ID, success : Function (data) {$ ('# slika') .html (data); $ ('# slika'). FadeIn ();}});});});

I tried to use complete below success but still the same result any advice?

It is possible that try to bind the loadloader of any images inside the data that That loads by AJAX. ( $ {document}). $ (Document) .ready (function () {$ ('slika_thumb'). Click (function () {var id = $ (this) .attr ("id"); $ ('# slika') Hide ( $ .ajax ({url: 'slike / slika.php? Id =' + ID, success: function (data) {$ ('# slika'). Html data ()); $ ('# slicone img' ). Bind ("load", function () {$ ('# slica'). FadeIn ();}}}}}}}})}};


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