对于我到目前为止悬停的图像尺寸的一半,我使用var

时间:2012-12-03 03:26:52

标签: jquery

这是我正在做的24小时试用网站 http://trialsites.ihoststudio.com/trialsite361583/website/

如果您查看生成的源代码,您将看到我正在我的程序中工作
删除属性然后添加我自己的属性,然后添加一个类
然后我使用悬停来预览图像,然后再点击上面的fancybox
(这就是为什么我做了现场试用 - 更容易向你展示)

我的问题是如何使悬停图像的大小减半,但我一直都会出错 我假设它是var,但我是jQuery的新手,幸运的是我已经走到了这一步

是var img / 2然后应用它或你在.cpend('img',e。/ 2)之前使用.appendTo 我似乎没有让它工作?
--------------------添加代码------------

$(document).ready(function() {

    var offsetX = 20;
    var offsetY = 10;

$('[id^=TMBOBJ]').each(function() {
var $a = $(this).find('a');
$a.attr('href' , $a.attr('href').replace('html', 'jpg'));
$a.removeAttr('onclick');
$a.removeAttr('target');
$a.addClass("nextfancy");
$a.attr('rel', 'group')
});

$('a.nextfancy').hover(function(e) {
var href = $(this).attr('href');
$('<img id="largeImage" src="' + href + '" alt="big image" />')
.css('top', e.pageY + offsetY)
.css('left', e.pageX + offsetX)
.appendTo('body');
}, function() {
$('#largeImage').remove();
});

$('a.nextfancy').mousemove(function(e) {
$("#largeImage").css('top', e.pageY + offsetY).css('left', e.pageX + offsetX);
});

$("a.nextfancy").fancybox({
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'overlayColor': '#000000',
'titlePosition': 'inside'
});
});

0 个答案:

没有答案