悬停时切换缩略图大小

Question

我正在使用MyBB，所以我受到了一些限制。

我基本上有一个市场，列出一个小的120x120图片旁边的每一个广告。我想要它，所以当他们将图像悬停时，它会扩展到一个更大的图像。我的脚本自动重新创建各种大小的缩略图，我正在尝试使用320x240。

我试过做简单的事情

.image {
    height:320px;
    width:240px;
}

但意识到它只是延伸了图像。

所以我不想想出一种新的方法来改变我的缩略图。另外，我的缩略图只能通过一个名为的变量访问。

{$GLOBALS['threadfields']['key']['thumbs']['160x120']['url']}

这将不会显示任何东西，除了该图像的url，但它缺少域名。因此，例如，如果我要回显这个变量，我将得到

attach.php?f3fasdfsdfthumb=160x120

但是要显示它，我需要将它连接到我的域名，所以它是

www.domain.com/attach.php?f3fasdfsdfthumb=160x120

我真的不知道该怎么做。基本上，我只需要显示的图像(这是一个120x120缩略图，用一个更大的缩略图交换。

我已经编辑了我的模板，使之在开始时就有了。

<script type="text/javascript">
var src = "http://www.worldeducationtips.com/<?php echo $GLOBALS['threadfields']['mimage']['thumbs']['320x240']['url']; ?>";

$('.productimage').hover(function(){
                $(this).attr('src') = src;
             });
</script>

我的img类称为productimage。

Answer 1

在我看来，你的问题是可以解决的，如果你有域名.

在PHP中，您可以尝试使用

$_SERVER['HTTP_HOST']

以获得域名。一旦您得到它，将它与字符串连接起来并相应地显示。

**编辑：**由于您已经标记了jquery，所以您可以这样做：

在一个php变量中获取javascript变量：

<script type="text/javascript">
   var src = "<?php echo $php_imgSrc; ?>";
</script>

那就在你的悬停中使用它。

$('.image').hover(function(){
                    $(this).attr('src') = src;
                 });