<script language="javascript">
var img = new Image();
var s;
function x(s){
document.images["myImage"].src=s;
}
</script>
</head>
<body>
<div id="daasd"> <a href=" <script language="javascript">
var img = new Image();
var s;
function x(s){
document.images["myImage"].src=s;
}
</script>
</head>
<body>
<div id="daasd"> <a href=" [color=#FF0000] myImage.src " rel="lightbox[roadtrip]"><img id="myImage" src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="400" height="400" /></a>
</div>
<br/><br/>
<div id="wwqw">
<ul id="mycarousel" class="jcarousel-skin-tango">
<li><a href ="javascript:x(a1.src)"><img id="a1" src="../../../images/hzxs_logo.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a2.src)"><img id="a2" src="../../../images/tag_logo.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a3.src)"><img id="a3" src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a4.src)"><img id="a4" src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a5.src)"><img id="a5" src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a6.src)"><img id="a6" src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a7.src)"><img id="a7" src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a8.src)"><img id="a8" src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a9.src)"><img id="a9" src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a10.src)"><img id="a10" src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></a></li>
</ul>
</div>
</body>
</html> 功能 :就是点击图片,大图片会在页面是显示,显示出来再用灯箱技术全屏显示背景变黑,所以需要a标签里的 href 里的图片地址动态起来,跟后面的 src图片链接一样 , 要怎么改呀?ps:帮我实现动态的href值 = myImage.src
var img = new Image();
var s;
function x(s){
document.images["myImage"].src=s;
}
</script>
</head>
<body>
<div id="daasd"> <a href=" <script language="javascript">
var img = new Image();
var s;
function x(s){
document.images["myImage"].src=s;
}
</script>
</head>
<body>
<div id="daasd"> <a href=" [color=#FF0000] myImage.src " rel="lightbox[roadtrip]"><img id="myImage" src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="400" height="400" /></a>
</div>
<br/><br/>
<div id="wwqw">
<ul id="mycarousel" class="jcarousel-skin-tango">
<li><a href ="javascript:x(a1.src)"><img id="a1" src="../../../images/hzxs_logo.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a2.src)"><img id="a2" src="../../../images/tag_logo.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a3.src)"><img id="a3" src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a4.src)"><img id="a4" src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a5.src)"><img id="a5" src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a6.src)"><img id="a6" src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a7.src)"><img id="a7" src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a8.src)"><img id="a8" src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a9.src)"><img id="a9" src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="75" height="75" alt="" /></a></li>
<li><a href ="javascript:x(a10.src)"><img id="a10" src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="75" height="75" alt="" /></a></li>
</ul>
</div>
</body>
</html> 功能 :就是点击图片,大图片会在页面是显示,显示出来再用灯箱技术全屏显示背景变黑,所以需要a标签里的 href 里的图片地址动态起来,跟后面的 src图片链接一样 , 要怎么改呀?ps:帮我实现动态的href值 = myImage.src
解决方案 »
- javascript新手问题 ! 简单的关键字搜索
- 无论输入什么input值都显示a 求兼容Chrome浏览器
- extjs中在gridpanel中添加查询框
- 用radio按钮实现页面的跳转
- 我想做到单击下拉框中的选项,使文本框内容相应做出改变,没实现!谁能帮我?(可将我问题中的代码直接存成.htm文件调试,在线等候!) 2
- 如何屏蔽IE弹出保存对话框中的按钮
- 怎样能使一个listbox既能有选项,又能手工输入新的值?
- 请问:如何取出下拉列表中显示的值!
- js中没有类似vbs中trim的函数?
- 最新难题:点一按钮后,怎么改变地址栏中的URL,但不执行到该页面!!!
- javascript和jquery有什么区别?
- 各位大侠,帮看下这段代码什么意思,谢谢JX制作TAB表的
document.images["myImage"].src=s;
document.getelementbyid("abc").href=s;
}
这样就可以了 ,现在发现这样写会有浏览器不识别,我改用纯jquery了
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({
});
jQuery('li').css("cursor","pointer");
jQuery('img').click(function(){
jQuery('#myImage').attr("src",this.src);
jQuery('#abc').attr("href",this.src);
});
});