qwikad.com
07-26-2014, 11:33 AM
How can I change it from fadeTo to fadeIn? Just changing it to fadeIn didn't do the trick. I'd like for an image to fade in slowly on click.
<script>
$(function() {
$(".scrollable").scrollable();
$(".items img").click(function() {
if ($(this).hasClass("active")) { return; }
var url = $(this).attr("src").replace("_t", "");
var wrap = $("#image_wrap").fadeTo("medium", 0.5);
var img = new Image();
img.onload = function() {
wrap.fadeTo("fast", 1);
wrap.find("img").attr("src", url);
};
img.src = url;
$(".items img").removeClass("active");
$(this).addClass("active");
}).filter(":first").click();
});
</script>
<script>
$(function() {
$(".scrollable").scrollable();
$(".items img").click(function() {
if ($(this).hasClass("active")) { return; }
var url = $(this).attr("src").replace("_t", "");
var wrap = $("#image_wrap").fadeTo("medium", 0.5);
var img = new Image();
img.onload = function() {
wrap.fadeTo("fast", 1);
wrap.find("img").attr("src", url);
};
img.src = url;
$(".items img").removeClass("active");
$(this).addClass("active");
}).filter(":first").click();
});
</script>