Question

我正在与MyBB合作，因此我受到了轻微的限制。

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

我试过做简单的

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

但已经意识到它只是拉伸了图像。

所以我并不是想找到一种让我的缩略图改变的新方法。此外，我的缩略图可以通过名为

的PHP变量访问 ONLY

{$GLOBALS['threadfields']['key']['thumbs']['160x120']['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 src类叫做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;
                 });

在悬停时切换缩略图图像大小

1 个答案: