首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

关于JS代码有关问题

2013-01-21 
求助关于JS代码问题UL classtoolsLI idplayBtn classpauseA href#幻灯播放/A/LILI

求助关于JS代码问题
<UL class="tools">
<LI id="playBtn" class="pause"><A href="#">幻灯播放</A></LI>
<LI class="show"><A id="showBtn" href="#" target="_blank">查看原图</A></LI> // 这里的查看原图打开后出现的是图片的地址,想加个URL链接打开 类似 View.asp?url= ,如何实现?

<LI class="msg">提示:支持键盘翻页←左 &nbsp;右→</LI></UL>
<DIV class="clear"></DIV></DIV>
<DIV style="width: 730px; background-color: rgb(0, 0, 0);" class="main-pic">
<DIV class="arrow-right">
<DIV id="arrow-right" title="点击查看下一张"></DIV></DIV>
<DIV class="arrow-left">
<DIV id="arrow-left" title="点击查看上一张"></DIV></DIV><IMG id="imgBigPic"></DIV>
<DIV class="clear"></DIV>
<DIV style="width: 730px; background-color: rgb(0, 0, 0);" class="pic-intro">
<DIV style="font-weight: bold;" id="lblTitle" class="pic-title"><%=showtit%></DIV></DIV>
<DIV class="clear"></DIV>
<DIV style="border: 1px solid rgb(0, 0, 0); width: 728px; height: 145px; background-color: rgb(0, 0, 0);" 
class="pic-list-box"><SPAN id="next" class="next"><A title="下一张" href="#"></A></SPAN><SPAN 
id="prev" class="prev"><A title="上一张" href="#"></A></SPAN>
<DIV style="width: 660px; height: 105px;" class="pic-list">
<%=showbody%> //循环输出图片
</DIV></DIV></DIV>
<SCRIPT language="javascript" src="js/marquee.js"></SCRIPT>
<SCRIPT language="javascript" type="text/javascript" src="js/jquery.loadpic.js"></SCRIPT>
<SCRIPT language="javascript" type="text/javascript" src="js/jquery.scrollto.js"></SCRIPT>
<SCRIPT type="text/javascript">
$(function(){
var album_box = $('#album-box');
$('#album-box .pic-list').marquee({
direction : 'left',
next : 'next',
prev : 'prev',
autoPlay : false,
perPage : 116,
step : 1,
waitTime : 5000,
conType : 'div',
controller : '#album-box .pic-list .pic-item'
}, function(i){
var pic = $('#album-box .pic-list .pic-item .pic').eq(i);
var img = pic.find('img');
$('#album-box .pic-list .pic-item .pic-current').removeClass('pic-current');
pic.addClass('pic-current');
$('#lblTitle').html(img.attr('alt'));
$('#lblContent').html(img.attr('content'));
$('#imgBigPic').loadpic({
'src' :img.parent().attr('href'),
'wrapObj' : $('.main-pic')
}, function(newimg, newimgmargin){
//处理左右箭头外框的高度
$('#album-box .main-pic .arrow-right, #album-box .main-pic .arrow-left').css('height', newimg.h + newimgmargin.top * 2);
$.scrollto(null, $('.main-pic').offset().top - ($(window).height() - $('.main-pic').height()) / 2);
});
});
});

//载入第一张图
$('#imgBigPic').loadpic({
'src' : '<%=onpic%>', //图片的路径
'wrapObj' : $('.main-pic')
}, function(newimg, newimgmargin){
$('#album-box .main-pic .arrow-right, #album-box .main-pic .arrow-left').css('height', newimg.h + newimgmargin.top * 2);
$.scrollto(null, $('.main-pic').offset().top - ($(window).height() - $('.main-pic').height()) / 2);


});

//左右箭头
$('#album-box .main-pic .arrow-right, #album-box .main-pic .arrow-left').hover(function(){
$(this).find('div').show();
}, function(){
$(this).find('div').hide();
});
$('#arrow-right').click(function(){
$('#next').click();
});
$('#arrow-left').click(function(){
$('#prev').click();
});

//左右键盘支持
$(document).keydown(function(e){
if (e.keyCode == 39) //向右
{
$('#next').click();
}
else if (e.keyCode == 37) //向左
{
$('#prev').click();
}
});

$('#playBtn').click(function(){
if ($(this).attr('class') == 'pause')
{
$(this).attr('class', 'play');
$('#play').click();
return false;
}
else
{
$(this).attr('class', 'pause');
$('#pause').click();
return false;
}
});

$('#showBtn').click(function(){
$(this).attr('href', $('#imgBigPic').attr('src')).click();
});
</SCRIPT>

在$(this).attr('href', $('#imgBigPic').attr('src')).click();
修改为$(this).attr('href', 'inc/View.asp?url=',$('#imgBigPic').attr('src'))"".click();

上面查看原图得出的连接是/inc/View.asp?url=

如何让他得出/inc/View.asp?url=uppic.asp?FileName=201212250304.jpg

其中uppic.asp?FileName=201212250304.jpg是数据库内的图片地址(<%=onpic%>)。

[解决办法]

    $('#showBtn').click(function () {
        //$(this).attr('href', $('#imgBigPic').attr('src')).click();

        $(this).attr('href', '/inc/View.asp?url=uppic.asp?FileName=' + $('#imgBigPic').attr('src')).click();
    });

[解决办法]
    $(this).attr('href', '/inc/View.asp?url=' + encodeURIComponent( $('#imgBigPic').attr('src') )).click();

热点排行