PDA

View Full Version : داینامیک کردن اسلایدر


baidin
چهارشنبه 08 بهمن 1393, 08:40 صبح
سلام
زمان زیادی توی سایت گذاشتم و آنچه مد نظرم بود پیدا نکردم. برای داینامیک کردن اسلایدر به صورتیکه عکسها از بانک اطلاعاتی خوانده بشه و در اسلایدر نمایش داده بشه.
من در رابطه با خواندن عکس از بانک مشکلی ندارم منتهی نمیدونم عکسهای موجود در slide-runner که در کد زیر آمده را به چه صورتی زمانیکه از بانک خوانده میشه به slide-runner اضافه کنم.
مبتدی هستم و خواهشا در رابطه با همین کد راهنماییم کنید
متشکرم
کد اچ تی ام ال:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>jquery sliders</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>
<body>

<!--/top-->
<div id="header"><div class="wrap">
<div id="slide-holder">
<div id="slide-runner">
<a href=""><img id="slide-img-1" src="images/nature-photo.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-2" src="images/nature-photo1.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-3" src="images/nature-photo2.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-4" src="images/nature-photo3.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-5" src="images/nature-photo4.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-6" src="images/nature-photo4.png" class="slide" alt="" /></a>
<a href=""><img id="slide-img-7" src="images/nature-photo6.png" class="slide" alt="" /></a>
<div id="slide-controls">
<p id="slide-client" class="text"><strong>post: </strong><span></span></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>

<!--content featured gallery here -->
</div>
<script type="text/javascript">
if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];
</script>
</div></div><!--/header-->
</body>
</html>
sadegh.te
چهارشنبه 08 بهمن 1393, 11:37 صبح
سلام دوست عزیز شما میتونید با رپیتر به راحتی داینامیکش کنید.
اگه تو بخش ASP یه جستجو بزنی آموزش هست.
sadegh.te
چهارشنبه 08 بهمن 1393, 12:38 عصر
آموزش رو اینجا گذاشتم.
http://barnamenevis.org/showthread.php?463338-%D8%A7%D8%B3%D8%AA%D9%81%D8%A7%D8%AF%D9%87-%D8%A7%D8%B2-Repeater-%D8%A8%D9%87-%D8%B5%D9%88%D8%B1%D8%AA-%D8%AA%D9%88-%D8%AF%D8%B1-%D8%AA%D9%88-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B3%D8%A7%D8%AE%D8%AA-%D9%85%D9%86%D9%88%DB%8C-%D8%AF%D8%A7%DB%8C%D9%86%D8%A7%D9%85%DB%8C%DA%A9
baidin
جمعه 10 بهمن 1393, 17:10 عصر
متاسفانه مشکلم حل نشد
آیا کدر زیر به درستی تعیین شده؟
<img width="600" height="300" src='<%# Eval("Pic")%>' alt="<%#Eval("Caption")%>" />
لازم به ذکر هست که تعداد عکس های من ثابت نیست
(Pic فیلد عکس و Caption فیلد شرح عکس می باشد)
متشکرم


<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>jquery sliders</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
<script type="text/javascript"> var _siteRoot = 'index.html', _root = 'index.html';</script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="header" runat="server"><div id="abc" class="wrap" runat="server">
<div id="slideholder" runat="server">

<div id="sliderunner" runat="server">
<asp:Repeater ID="rpt" runat="server" DataSourceID="SqlDataSource1">
<ItemTemplate>
<li>
<img width="600" height="300" src='<%# Eval("Pic")%>' alt="<%#Eval("Caption")%>" />
</li>
</ItemTemplate>

</asp:Repeater>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:SqlDbPictureConnectionString2 %>"
SelectCommand="SELECT * FROM [tblPic]"></asp:SqlDataSource>

<div id="slide-controls">
<p id="slide-client" class="text"><strong>post: </strong><span></span></p>
<p id="slide-desc" class="text"></p>
<p id="slide-nav"></p>
</div>
</div>
<img src="images/nature-photo.png" id="1" alt="1"/>
<!--content featured gallery here -->
</div>
<script type="text/javascript">
if (!window.slider) var slider = {}; slider.data = [{ "id": "slide-img-1", "client": "nature beauty", "desc": "nature beauty photography" }, { "id": "slide-img-2", "client": "nature beauty", "desc": "add your description here" }, { "id": "slide-img-3", "client": "nature beauty", "desc": "add your description here" }, { "id": "slide-img-4", "client": "nature beauty", "desc": "add your description here" }, { "id": "slide-img-5", "client": "nature beauty", "desc": "add your description here" }, { "id": "slide-img-6", "client": "nature beauty", "desc": "add your description here" }, { "id": "slide-img-7", "client": "nature beauty", "desc": "add your description here"}];
</script>
</div></div><!--/header-->
</form>
</body>
</html>
baidin
یک شنبه 12 بهمن 1393, 00:06 صبح
این مشکل من واقعا این اندازه مشکل هست که کسی نتونسته پاسخ بده:متفکر:
rezahtc
جمعه 20 شهریور 1394, 11:14 صبح
سلام دوست عزیز آموزش داینامیک کردن اسلایدر بصورت فیلم آموزشی هست از لینک زیر میتونید دانلودش کنید.
http://websoft3.ir/%D9%81%DB%8C%D9%84%D9%85-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%AF%D8%A7%DB%8C%D9%86%D8%A7%D9%85%DB%8C%DA%A9-%DA%A9%D8%B1%D8%AF%D9%86-%D8%A7%D8%B3%D9%84%D8%A7%DB%8C%D8%AF%D8%B1-%D9%88%D8%B1%D8%AF%D9%BE/
elahe471
شنبه 21 شهریور 1394, 14:36 عصر
توی کد html بالا اصلا li ندارین با a دارین کار میکنین بعد توی repeater از li استفاده کردین توی repeater همین خط و باید داینامیک کنید
<a href=""><img id="slide-img-1" src="images/nature-photo.png" class="slide" alt="" /></a>