phpdev
چهارشنبه 13 اسفند 1393, 18:59 عصر
من خودم از این استفاده میکنم البته شما میتونی بجای نشان دادن عکس یه div بذاری(خط 8) یا هرچی دیگه که بخواهی:لبخندساده:
(function($){
$.fn.imgpreview = function(){
this.hover(
function(e){
var iTitle = $(this).attr('title');
$(this).attr('title','').data('iText',iTitle);
var iTT = $(this).data('iText');
$('<div class="image-preview"><img src="' + $(this).parent().attr('href') + '" /><p>' + iTT + '</p></div>')
.css({
'top': (e.pageY + 20) + 'px',
'left':(e.pageX +10) + 'px'
}).appendTo('body').slideDown('slow');
},
function(){
$(this).attr('title', $(this).data('iText') );
$('div.image-preview').remove();
}
);
$(this).mousemove(function(e){
$('div.image-preview').css({
'top': (e.pageY + 20) + 'px',
'left':(e.pageX +10) + 'px'
});
});
return this;
}
})(jQuery);
البته باید در head هم الحاق کنی
<script type="text/javascript" src="js/imgpreview.js"></script>
این رو هم در جاوا اسکریپتها بذار
$('img').imgpreview();
البته در بعضی جاها خاص selector های خودت باید بنویسی حالشو نداشتم درست کنم استایلشو خودتون درست کنید:بوس: