jQuery Slidedeshow没有动画. [英] jQuery Slidedeshow is not animating.

问题描述

你好，
我想为投资组合网站制作幻灯片，我喜欢使用硬币滑块 [ ^ ]与ASP.Net.这是我的代码:

Hello,
I wanted to have a slideshow for a portfolio website and I liked to use the Coin Slider[^] with ASP.Net. Here is my code:

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript">
    $(window).load(function () {
        $('#coin-slider').coinslider(
        {
            width: 600, // width of slider panel
            height: 300, // height of slider panel
            spw: 7, // squares per width
            sph: 5, // squares per height
            delay: 3000, // delay between images in ms
            sDelay: 30, // delay beetwen squares in ms
            opacity: 0.7, // opacity of title and navigation
            titleSpeed: 3000, // speed of title appereance in ms
            effect: 'random', // random, swirl, rain, straight
            navigation: true, // prev next and buttons
            links: true, // show images as links
            hoverPause: true // pause on hover
        }
        );
    });
</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
	<div id="coin-slider">
        <asp:HyperLink ID="HyperLink1" runat="server">
            <asp:Image ID="Image1" runat="server" ImageUrl="~/SliderImages/pic1.jpg" />
            <span>
                <asp:Label ID="Label1" runat="server" Text="Label">Loren Empsome</asp:Label></span>
        </asp:HyperLink>
        <asp:HyperLink ID="HyperLink2" runat="server">
            <asp:Image ID="Image2" runat="server" ImageUrl="~/SliderImages/pic2.jpg" />
                <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>asads wrere sasdsdadas</span>
        </asp:HyperLink>
        <asp:HyperLink ID="HyperLink3" runat="server">
            <asp:Image ID="Image3" runat="server" ImageUrl="~/SliderImages/pic3.jpg" />
            <span>
                <asp:Label ID="Label3" runat="server" Text="Label">sd 53234234 hsdf zfgdfdf</asp:Label></span>
        </asp:HyperLink>
        <asp:HyperLink ID="HyperLink4" runat="server">
            <asp:Image ID="Image4" runat="server" ImageUrl="~/SliderImages/pic4.jpg" />
            <span>
                <asp:Label ID="Label4" runat="server" Text="Label">adfasdfab fdfdf sdfff</asp:Label></span>
        </asp:HyperLink>
    </div>
  
</asp:Content>

在母版页"中，我包括:

In Master page, I included:

    <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="Scripts/coin-slider.js"></script>
<link rel="stylesheet" href="../Styles/coin-slider-styles.css" type="text/css" />

页面显示和幻灯片更改很好，但是图像之间没有动画，如演示 [ ^ ].如果我在纯HTML中使用相同的概念，则动画效果很好.任何的想法?我做错了什么吗?我是.Net框架的新手，正在尝试学习.另外，有人可以建议我进行类似的幻灯片演示，但是应该与IE6 +兼容吗?

预先感谢.

The page display and slide changing is fine, but there is no animation between images as seen in Demo[^]. If i used the same concept in plain HTML, the animation works fine. Any idea? Did i do anything wrong? I''m a newbie to .Net framework and trying to learn. Also, can anyone suggest me a similar slideshow like that, but it should be IE6+ compatible?

Thanks in advance.

推荐答案

(窗口).load(功能(){

(window).load(function () {

(' #coin-slider ').coinslider( { 宽度: 600 ，// 滑块面板的宽度 高度: 300 ，// 滑块面板的高度 spw: 7 ，// 每宽度正方形> sph: 5 ，// 每个高度的正方形 延迟: 3000 ，// 图像之间的延迟(以毫秒为单位) sDelay: 30 ，// 延迟beetwen平方，以ms 透明度: 0 . 7 ，// 标题和导航的不透明性 titleSpeed: 3000 ，// 标题出现速度，以毫秒为单位 效果:' 随机'，// 随机，漩涡，雨水，笔直 导航: true ，// 上一页下一页和按钮 链接: true ，// 将图像显示为链接 hover暂停: true // 悬停时暂停 } ); }); < / 脚本 > < /asp:Content > < asp:Content ID =" ContentPlaceHolderID ContentPlaceHolder1 " Runat 服务器" < div =" 硬币滑块" < asp:HyperLink ID =" runat 服务器" < asp:Image ID =" runat 服务器" ImageUrl 〜/SliderImages/pic1.jpg" / > < span > < asp:Label ID =" runat 服务器" 文本 标签" ">< /asp:标签 > < /span > < /asp:HyperLink > < asp:HyperLink ID =" runat 服务器" < asp:Image ID =" runat 服务器" ImageUrl 〜/SliderImages/pic2.jpg" / > < asp:Label ID =" runat 服务器" 文本 标签" < /asp:Label > asads wrere sasdsdadas < /span > < /asp:HyperLink > < asp:HyperLink ID =" runat 服务器" < asp:Image ID =" runat 服务器" ImageUrl 〜/SliderImages/pic3.jpg" / > < span > < asp:Label ID =" runat 服务器" 文本 标签" ">< /asp:Label > < /span > < /asp:HyperLink > < asp:HyperLink ID =" runat 服务器" < asp:Image ID =" runat 服务器" ImageUrl 〜/SliderImages/pic4.jpg" / > < span > < asp:Label ID =" runat 服务器" 文本 标签" ">< /asp:标签 > < /span > < /asp:HyperLink > < /div > < /asp:Content >

('#coin-slider').coinslider( { width: 600, // width of slider panel height: 300, // height of slider panel spw: 7, // squares per width sph: 5, // squares per height delay: 3000, // delay between images in ms sDelay: 30, // delay beetwen squares in ms opacity: 0.7, // opacity of title and navigation titleSpeed: 3000, // speed of title appereance in ms effect: 'random', // random, swirl, rain, straight navigation: true, // prev next and buttons links: true, // show images as links hoverPause: true // pause on hover } ); }); </script> </asp:Content> <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> <div id="coin-slider"> <asp:HyperLink ID="HyperLink1" runat="server"> <asp:Image ID="Image1" runat="server" ImageUrl="~/SliderImages/pic1.jpg" /> <span> <asp:Label ID="Label1" runat="server" Text="Label">Loren Empsome</asp:Label></span> </asp:HyperLink> <asp:HyperLink ID="HyperLink2" runat="server"> <asp:Image ID="Image2" runat="server" ImageUrl="~/SliderImages/pic2.jpg" /> <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>asads wrere sasdsdadas</span> </asp:HyperLink> <asp:HyperLink ID="HyperLink3" runat="server"> <asp:Image ID="Image3" runat="server" ImageUrl="~/SliderImages/pic3.jpg" /> <span> <asp:Label ID="Label3" runat="server" Text="Label">sd 53234234 hsdf zfgdfdf</asp:Label></span> </asp:HyperLink> <asp:HyperLink ID="HyperLink4" runat="server"> <asp:Image ID="Image4" runat="server" ImageUrl="~/SliderImages/pic4.jpg" /> <span> <asp:Label ID="Label4" runat="server" Text="Label">adfasdfab fdfdf sdfff</asp:Label></span> </asp:HyperLink> </div> </asp:Content>

在母版页"中，我包括:

In Master page, I included:

    <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="Scripts/coin-slider.js"></script>
<link rel="stylesheet" href="../Styles/coin-slider-styles.css" type="text/css" />

页面显示和幻灯片更改很好，但是图像之间没有动画，如演示 [ ^ ].如果我在纯HTML中使用相同的概念，则动画效果很好.任何的想法?我做错了什么吗?我是.Net框架的新手，正在尝试学习.另外，有人可以建议我进行类似的幻灯片演示，但是应该与IE6 +兼容吗?

预先感谢.

The page display and slide changing is fine, but there is no animation between images as seen in Demo[^]. If i used the same concept in plain HTML, the animation works fine. Any idea? Did i do anything wrong? I''m a newbie to .Net framework and trying to learn. Also, can anyone suggest me a similar slideshow like that, but it should be IE6+ compatible?

Thanks in advance.

您使用哪个浏览器?其中大多数都是在croma和firefox中运行的幻灯片放映，
访问此以获得更多幻灯片:
http://webanthology.net /1522-jquery-image-slideshowslider-tutorials-and-plugins-for-your-next-projects/2009/11/24/ [

which browser u r using ?? most of this all are slide show running in croma and firefox,,
visit this for more slideshow :
http://webanthology.net/1522-jquery-image-slideshowslider-tutorials-and-plugins-for-your-next-projects/2009/11/24/[^]

这篇关于jQuery Slidedeshow没有动画.的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！