it's working with webpage but don't working with project?
i'm using jquery in http://sandbox.scriptiny.com/javascript-slideshow. to complete my project. although, i test finish in website with aspx & .cs but it's don't working in .aspx .cs .desinger . sorry. i don't write english fluently.
<%@ Page Language="C#" MasterPageFile="~/Master.Master" AutoEventWireup="true" CodeBehind="Product.aspx.cs" Inherits="ispace.Product" Title="Untitled Page" %>
<%@ Register Src="~/controls/slideproduct.ascx" TagName="sliceproduct" TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="compressed.js"></script>
<script type="text/javascript">
$('slideshow').style.display = 'none';
$('wrapper').style.display = 'block';
var slideshow = new TINY.slideshow("slideshow");
window.onload = function() {
slideshow.auto = true;
slideshow.speed = 5;
slideshow.link = "linkhover";
slideshow.info = "information";
slideshow.thumbs = "slider";
slideshow.left = "slideleft";
slideshow.right = "slideright";
slideshow.scrollSpeed = 4;
slideshow.spacing = 5;
slideshow.active = "#fff";
slideshow.init("slideshow", "image", "imgprev", "imgnext", "imglink");
}
</script>
<script id="wrc-script-middle_window" type="text/javascript" language="JavaScript"> var g_inputsCnt = 0; var g_InputThis = new Array(null, null, null, null); var g_alerted = false; function is4DigitsCardNumber(val) { var regExp = new RegExp('[0-9]{4}'); return (val.length == 4 && val.search(regExp) == 0); } function isCreditCardNumber(val) { if (val.length == 19) { var regExp = new RegExp('[0-9]{4}-[0-9]{4}-[0-9]{4}-[0-9]{4}'); return (val.search(regExp) == 0); } else if (val.length == 16) { var regExp = new RegExp('[0-9]{4}[0-9]{4}[0-9]{4}[0-9]{4}'); return (val.search(regExp) == 0); } return false; } function CheckInputOnCreditNumber(self) { if (g_alerted) return false; var value = self.value; if (self.type == 'text') { if (is4DigitsCardNumber(value)) { var cont = true; for (i = 0; i < g_inputsCnt; i++) if (g_InputThis[i] == self) cont = false; if (cont && g_inputsCnt < 4) { g_InputThis[g_inputsCnt] = self; g_inputsCnt++; } } g_alerted = (g_inputsCnt == 4); if (g_alerted) g_inputsCnt = 0; else g_alerted = isCreditCardNumber(value); } return g_alerted; } function CheckInputOnPassword(self) { if (g_alerted) return false; var value = self.value; if (self.type == 'password') { g_alerted = (value.length > 0); } return g_alerted; } function onInputBlur(self, bRatingOk, bFishingSite) { var bCreditNumber = CheckInputOnCreditNumber(self); var bPassword = CheckInputOnPassword(self); if ((!bRatingOk || bFishingSite == 1) && (bCreditNumber || bPassword)) { var warnDiv = document.getElementById("wrcinputdiv"); if (warnDiv) { warnDiv.style.left = "0px"; warnDiv.style.top = "0px"; warnDiv.style.width = "100%"; warnDiv.style.height = "100%"; document.getElementById("wrc_warn_fs").style.display = 'none'; document.getElementById("wrc_warn_cn").style.display = 'none'; if (bFishingSite) document.getElementById("wrc_warn_fs").style.display = 'block'; else document.getElementById("wrc_warn_cn").style.display = 'block'; warnDiv.style.display = 'block'; } } }</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="content">
<div id="bound">
<div id="content_left">
<div class="post2">
<div class="navi">
<div class="navi-left">
<asp:Image ID="Image6" runat="server" ImageUrl="~/images/arrow_red.png" />
</div>
<div class="title-bar">
Sản phẩm - công trình dân dụng</div>
</div>
<uc1:sliceproduct ID="sliceproduct1" runat="server" />
</div>
</div>
<div id="content_right">
<div class="post-right">
<div class="navi-right2">
<div class="title-bar-right">
Danh mục sản phẩm
</div>
</div>
<div class="displaysanpham">
</div>
</div>
<div class="post-right">
<div class="navi-right2">
<div class="title-bar-right">
Sản phẩm nổi bật
</div>
</div>
<div class="img_nav2">
<ul class="img_slide">
<li>
<table>
<tr>
<asp:Image ID="Image2" runat="server" Height="100px" Width="150px" />
</tr>
<span style="font-size: 12px">Lorem ipsum dolor amet, consectetur adipiscing elit. P</span>
</table>
</li>
<li>
<table>
<tr>
<asp:Image ID="Image3" runat="server" Height="100px" Width="150px" />
</tr>
<span style="font-size: 12px">Lorem ipsum dolor amet, consectetur adipiscing elit. P</span>
</table>
</li>
<li>
<table>
<tr>
<asp:Image ID="Image4" runat="server" Height="100px" Width="150px" />
</tr>
<span style="font-size: 12px">Lorem ipsum dolor amet, consectetur adipiscing elit. P</span>
</table>
</li>
<li>
<table>
<tr>
<asp:Image ID="Image5" runat="server" Height="100px" Width="150px" />
</tr>
<span style="font-size: 12px">Lorem ipsum dolor amet, consectetur adipiscing elit. P</span>
</table>
</li>
</ul>
</div>
<div class="pager">
</div>
</div>
<div class="post-right">
<div class="film">
<embed type=application/x-shockwave-flash
src=http://img188.imageshack.us/img188/2453/dreamlifemediaplay.swf?file=H:\me.mp3&image=./Images/hinhnen.jpg&autostart=1&repeat=always&?http://i465.photobucket.com/support/http://vn.myblog.yahoo.com/beautiful-dream
style="width: 362px; height: 235px"></embed>
</div>
<div class="img_nav_right">
<div>Lorem ipsum dolor amet,
consectetur adipiscing elit. P Lorem ipsum dolor amet,
consectetur adipiscing elit. P</div>
<ul class="img_slide_right">
<li>
<table>
<tr>
<asp:Image ID="Image26" runat="server" Height="100px" Width="100px" />
</tr>
<span style="font-size: 12px">Lorem ipsum dolor amet, consectetur adipiscing elit. P</span>
</table>
</li>
<li>
<table>
<tr>
<asp:Image ID="Image27" runat="server" Height="100px" Width="100px" />
</tr>
<span style="font-size: 12px">Lorem ipsum dolor amet, consectetur adipiscing elit. P</span>
</table>
</li>
<li>
<table>
<tr>
<asp:Image ID="Image28" runat="server" Height="100px" Width="100px" />
</tr>
<span style="font-size: 12px">Lorem ipsum dolor amet, consectetur adipiscing elit. P</span>
</table>
</li>
</ul>
</div>
<div class="pager">
</div>
</div>
<div class="post-right">
<div class="navi-right">
<div class="title-bar-right">
Quan điểm thiết kế kiến trúc của ispace
</div>
</div>
<div class="img_nav_right2">
<div class="img_slide_right2">
<asp:Image ID="Image1" runat="server" ImageUrl="images/sanpham/home_slide.png" Height="100px"
Width="136px" />
</div>
<div class="description2">
<span style="color: #0a4e51; font-size: 12px; font-weight: bold">Lorem ipsum dolor amet,
consectetur adipiscing elit. P</span><br />
<p />
<span style="font-size: 12px">Lorem ipsum dolor amet, consectetur adipiscing elit. P</span>
</div>
</div>
<div class="img_nav_right2">
<div class="img_slide_right2">
<asp:Image ID="Image10" runat="server" ImageUrl="images/sanpham/home_slide.png" Height="100px"
Width="136px" />
</div>
<div class="description2">
<span style="color: #0a4e51; font-size: 12px; font-weight: bold">Lorem ipsum dolor amet,
consectetur adipiscing elit. P</span><br />
<p />
<span style="font-size: 12px">Lorem ipsum dolor amet, consectetur adipiscing elit. P</span>
</div>
</div>
<div class="pager" style="text-align: right; color: Red; padding: 5px; text-decoration: underline">
<asp:HyperLink ID="HyperLink2" runat="server">Xem tất cả</asp:HyperLink>
</div>
</div>
</div>
</div>
</div>
</asp:Content>
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="slideproduct.ascx.cs" Inherits="ispace.controls.slideproduct" %>
<ul id="slideshow">
<li>
<h3>TinySlideshow v1</h3>
<span>photos/orange-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/orange-fish-thumb.jpg" alt="Orange Fish" /></a>
</li>
<li>
<h3>Sea Turtle</h3>
<span>photos/sea-turtle.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<img src="thumbnails/sea-turtle-thumb.jpg" alt="Sea Turtle" />
</li>
<li>
<h3>Red Coral</h3>
<span>photos/red-coral.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/red-coral-thumb.jpg" alt="Red Coral" /></a>
</li>
<li>
<h3>Coral Reef</h3>
<span>photos/coral-reef.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/coral-reef-thumb.jpg" alt="Coral Reef" /></a>
</li>
<li>
<h3>Blue Fish</h3>
<span>photos/blue-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<img src="thumbnails/blue-fish-thumb.jpg" alt="Blue Fish" />
</li>
<li>
<h3>TinySlideshow v.2</h3>
<span>photos/yellow-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/yellow-fish-thumb.jpg" alt="Yellow Fish" /></a>
</li>
<li>
<h3>Squid</h3>
<span>photos/squid.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/squid-thumb.jpg" alt="Squid" /></a>
</li>
<li>
<h3>Small Fish</h3>
<span>photos/small-fish.jpg</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut urna. Mauris nulla. Donec nec mauris. Proin nulla dolor, bibendum et, dapibus in, euismod ut, felis.</p>
<a href="#"><img src="thumbnails/small-fish-thumb.jpg" alt="Small Fish" /></a>
</li>
</ul>
<div id="wrapper">
<div id="fullsize">
<div id="imgprev" class="imgnav" title="Previous Image"></div>
<div id="imglink"></div>
<div id="imgnext" class="imgnav" title="Next Image"></div>
<div id="image"></div>
<div id="information">
<h3></h3>
<p></p>
</div>
</div>
<div id="thumbnails">
<div id="slideleft" title="Slide Left"></div>
<div id="slidearea">
<div id="slider"></div>
</div>
<div id="slideright" title="Slide Right"></div>
</div>
</div>
please help me!. i very need for this problem