我尝试存档以下内容:
我有缩略图(由PHP动态加载),通过点击它们我想将某个图片(id = big)更改为缩略图的大版本。围绕这个大版本,灯箱jQuery脚本有一个<a>
标签。 <a>
- 标记的href指的是这张图片的更大版本。
现在我可以用JS更改图片,但是如何更改<a>
- 覆盖图像的标记的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)?