图像滑块中的问题由jquery提供 [英] Problems in Image Slider by jquery
问题描述
我正在使用jquery制作一个图像滑块,但面临问题..在运行时我的图像逐一显示而不是滑块...我是初学者所以请帮助我建议我提出你的宝贵建议.. ..
我的代码如下......
i已经导入了nivo滑块,nivo slidr包和css文件以及图像......请plz帮帮我< br $>
=== =====
< html xmlns =http://www.w3.org/1999/xhtml>
< head runat =server>
< link rel =stylesheethref =nivo-slider.csstype =text / css media =screen/>
< link rel =stylesheethref =nivo-slider.csstype =text / cssmedia =screen/>
< script src =http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js
type =文本/ JavaScript的>
< / script> < script src =jquery.nivo.slider.pack.jstype =text / javascript>< / script>
< title>< / title>
< / head>
< body>
< form id =form1runat =server>
I am making an image slider with jquery but facing problems..as on running just my images are shown one by one not the slider...i am a beginner so please help me n suggest me with ur valuable suggestion....
my code is as following...
i have imported nivo slider,nivo slidr pack and css file and the images too...please plz help me out
========
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"
type="text/javascript">
</script> <script src="jquery.nivo.slider.pack.js" type="text/javascript"></script>
<title></title>
</head>
<body>
<form id="form1" runat="server">
=======
=======
< wrapper>
=======
=======
<wrapper>
< img src =Images / 2.jpgalt =title =Cylcist骑在半月湾悬崖的边缘/>
< img src =Images / 3.jpgalt =title =#htmlcaption/>
< img src =Images / 4.jpgalt =title =这是半月湾。海滩上的马匹。 />
< img src =Images / 5.jpgalt =title =人们在路径和海滩上,或沿着悬崖骑马和骑自行车/>
< img src =Images / 1.jpgalt =title =带视图的长椅/>
< img src =图片/dynamic.gifalt =title =野花大量生长/>
<img src="Images/2.jpg" alt="" title="Cylcist riding on the edge of the cliffs in Half Moon Bay" />
<img src="Images/3.jpg" alt="" title="#htmlcaption" />
<img src="Images/4.jpg" alt="" title="This is Half Moon Bay. Horses wallk on the beach." />
<img src="Images/5.jpg" alt="" title="People ride horses and bicycles on the path and on the beach, or along the cliff" />
<img src="Images/1.jpg" alt="" title="Benches with a view" />
<img src="Images/dynamic.gif" alt="" title="Wildflowers grow abundantly" />
<! - 结束滑块div - >
<!-- end slider div-->
This is the HTML caption HTML with a link and a seagull.
<! - end nivo-html-caption div - >
< script type =text / javascript> $(window).load(function()
{$('#slider')。nivoSlider({effect:'sliceDownLeft',
directionNavHide:false,
prevText:'上一页',
nextText:'下一步',
});}); < / script>
<!-- end nivo-html-caption div-->
<script type="text/javascript"> $(window).load(function()
{ $('#slider').nivoSlider({effect:'sliceDownLeft',
directionNavHide:false,
prevText: 'Prev',
nextText: 'Next',
}); }); </script>
======
< / form>
< / body> ;
< / html>
======
</form>
</body>
</html>
推荐答案
(窗口).load(function()
{
(window).load(function()
{
('#slider')。nivoSlider({effect:'sliceDownLeft',
directionNavHide:false,
prevText:'上一页',
nextText:'下一步',
});}); < / script>
('#slider').nivoSlider({effect:'sliceDownLeft',
directionNavHide:false,
prevText: 'Prev',
nextText: 'Next',
}); }); </script>
======
< / form>
< / body> ;
< / html>
======
</form>
</body>
</html>
http://beetemplates.com/ imagic / [ ^ ]
有点像这样吗?
http://beetemplates.com/imagic/[^]
looking for somewhat like this??
这篇关于图像滑块中的问题由jquery提供的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!