有图像替换库希望单击时将大图像替换为视频
||
我有一个图片替换图库,当我单击缩略图时,主div中会出现一个较大的图片。我希望单击此图像并播放视频,我希望为每个单击的较大图像播放不同的视频。所有视频都在youtube上。
这是我到目前为止的代码和脚本:
<div class=\"videogallery\">
<img id=\"largeImg\" src=\"/images/locationbased_largeclicktoplay.jpg\" alt=\"Location-Based Video\" />
</div>
<div><hr /></div>
<div class=\"thumbnails\">
<p style=\"font-size: 14px; font-weight:bold; color:#466ea9;font-family:\'Lucida Grande\', sans-serif; text-align:left; padding-bottom:10px;\">Videos</p>
<p style=\" text-align:center;\">
<a href=\"/images/logo_largeclick.jpg\" title=\"Social Media 101 Video\">
<img src=\"/images/logo_small.jpg\" border=\"0\" height=\"61\" width=\"100\" style=\"padding-right:10px;\" /></a>
<a href=\"/images/facebook_large.jpg\" title=\"Facebook Video\">
<img src=\"/images/facebook_small.jpg\" border=\"0\" height=\"61\" width=\"100\" style=\"padding-right:10px;\"/></a>
<a href=\"/images/twitter_largeclicktoplay.jpg\" title=\"Twitter Video\">
<img src=\"/images/twitter_small.jpg\"border=\"0\" height=\"61\" width=\"100\" style=\"padding-right:10px;\"/></a>
<a href=\"/images/youtube_largeclicktoplay.jpg\" title=\"Youtube Video\">
<img src=\"U/images/youtube_s.jpg\" border=\"0\" height=\"61\" width=\"100\" style=\"padding-right:10px;\"/></a>
</div>
这是脚本:
<script type=\"text/javascript\">
$(document).ready(function(){
$(\".thumbnails a\").click(function(){
var largePath = $(this).attr(\"href\");
var largeAlt = $(this).attr(\"title\");
$(\"#largeImg\").attr({ src: largePath, alt: largeAlt });
$(\"h2 em\").html(\" (\" + largeAlt + \")\"); return false;
});
});
任何帮助深表感谢!
谢谢。
-安
没有找到相关结果
已邀请:
1 个回复
攫怂绵十
和
:
到
标签 我可能会为每个拇指邮件向脚本添加一个不同的变量。