我尝试归档以下内容:
我有缩略图(由 PHP 动态加载),通过单击它们我想将某个图片(id = big)更改为缩略图的大版本。在这个大版本周围有一个<a>
用于灯箱 jQuery 脚本的标签。-Tag的 href<a>
指的是这张图片的更大版本。
现在我可以用 JS 更改图片,但是如何更改<a>
覆盖图片的 -Tag 的 href?
图像的构造如何:(我需要将<a>
图像的 href 和 src 更改为相同的链接)
<a href="images/projekte/testprojekt/big/01.jpg" rel="lightbox[bilder]"
title="Click the X or anywhere outside the image to close">
<img src="images/projekte/testprojekt/big/01.jpg"
alt="Projekt" id="swap"/></a>
PHP 创建我的缩略图:
foreach(get_files($dir,&$endungen) as $file) {
$big = str_replace( 'thumbs/', 'big/', $file);
echo "<li><img src=\"$file\" height=\"50px\" width=\"50px\" onclick=\"javascript:document.getElementById('swap').src =('/joomla/$big');\"/></li>\n";
}
有没有办法做到这一点(使用jQuery)?