::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 8:04 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
صفحه اصلیHome page / اسکریپت سایت / ***اسکریپت اسلاید شو (ساخت خودم!)***
12»
***اسکریپت اسلاید شو (ساخت خودم!)***
تعداد بازدیدvisits : 1260
mohammadelement آفلاین



ارسال هاAnswers : 455
عضویتRegistration date : 1 /9 /1391
حمایت کردهThanks : 12
حمایت شدهThanked : 109
 ***اسکریپت اسلاید شو (ساخت خودم!)***

سلام به همه

من با jquery و css و java script یه اسکریپت درست کردم

امیدوارم خوشتون بیاد

شما فقط HTML رو بنویسید بعد ID های توی HTML خودتون رو به اسکریپت بدید بقیه دیگه خودش انجام میده

برای مثال یه نمونه از قالب HTML ی هست که شما می تونید برای اسلادشو بنویسید:

کد:
<div id="sileder">

<a href="#left" id="left"><img src="images/nav-left.png" /></a>

<a href="#right" id="right"><img src="images/nav-right.png" /></a>

<div id="images">

<ul>

<li><span>توضیحات 1</span><a href="#"><img src="http://up.tanihost.ir/s1/137215035090641.jpg" /></a></li>

<li><span>توضیحات 2</span><a href="#"><img src="http://up.tanihost.ir/s1/137215145053381.jpg" /></a></li>

<li><span>توضیحات 3</span><a href="#"><img src="http://up.tanihost.ir/s1/137215172318441.jpg" /></a></li>

<li><span>توضیحات 4</span><a href="#"><img src="http://up.tanihost.ir/s1/137215177992871.jpg" /></a></li>

<li><span>توضیحات 5</span><a href="#"><img src="http://up.tanihost.ir/s1/137215184352481.jpg" /></a></li>

<li><span>توضیحات 6</span><a href="#"><img src="http://up.tanihost.ir/s1/137215230911841.jpg" /></a></li>

<li><span>توضیحات 7</span><a href="#"><img src="http://up.tanihost.ir/s1/137210187864621.jpg" /></a></li>

</ul>

</div>

</div>

حالا شما باید اطلاعات لازم رو به اسکریپت بدید تا با کد HTML شما سازگار بشه و بتونه از اون استفاده کنه

شما باید این مقادیر رو با توجه به کد HTML خودتون وارد کنید

کد:
<script type="text/javascript">

var SlideWidth = 800

var SlideHeight = 300

var IdAll = 'sileder'

var IdImager = 'images'

var IdNext = 'right'

var IdPrev = 'left'

var SpeedSlide = 3000

var BgColor = '#333333'

var BorderColor = '#FF6600'

var BorderSize = 3

var NumImg = 7

var FontName = 'Tahoma'

var FontSize = 17

</script>

دمو

اولین مقدار برای پهنای اسلایدشو است (این اندازه باعث تغیر اندازه تصاویر شما نمیشه و فقط اندازه اسلادشو رو تعیین میکنه)

دومین مقدار برای ارتفاع اسلایدشو است (این اندازه باعث تغیر اندازه تصاویر شما نمیشه و فقط اندازه اسلادشو رو تعیین میکنه)

سومین مقدار برای نام id اولین div شماست (که توی کد HTML، اسمشsileder هست | کلا توی کد HTML شما باید دوتا div باشه، یکی برای کل کدها یکی برای تصاویر)

چهارمین مقدار برای نام id دومین div شماست - div تصاویر (که همون طور که توی کد HTML میبینید باید images وارد بشه)

پنجمین مقدار برای نام id دکمه جلو برنده شماست (که در کد HTML ، اسمش right هست)

ششمین مقدار برای نام id دکمه عقب برنده شماست (که در کد HTML ، اسمش left هست)

هفتمیش هم برای سرعت تعویق تصاویر هست که من 3 ثانیه (3000) گذاشتم

هشتمی برای رنگ پس زمینه هست

نهمین مقدار هم برای رنگ کادر دور اسلایدر هست

دهمی هم برای اندازه کادر هست (می تونید صفر قرار بدید تا اصلا کادر نداشته باشه)

یازدهمی برای تعداد تصاویر استفاده شده در اسلایدر هست (حتما باید این مقدار رو درست وارد کنید | تا 15 عکس می تونید وارد کنید)

دوازدهمی برای اسم فونت توضیحات هر عکس هست (این مقدار برای اینه که بتونید از فونت های دلخواه خودتون استفاده کنید)

سیزدهمی برای اندازه فونت توضیحات عکس ها هست

فقط یه چیزی:

حتما همه ی مقدار ها رو باید پر کنید

باید همه رو مثل نمونه ای که گذاشتم پر کنید یعنی اگر مقدار IdAll بین دوتا ' هست باید دقیقا همین طوری باشه یا برعکس

اینا رو هم بزارید توی head :

کد:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="http://up.tanihost.ir/s1/137214956516251.js"></script>

شما آخر سر باید یه چنین کدی داشته باشه:

کد:
<html>

<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript" src="http://up.tanihost.ir/s1/137214956516251.js"></script>

<script type="text/javascript">

var SlideWidth = 800

var SlideHeight = 300

var IdAll = 'sileder'

var IdImager = 'images'

var IdNext = 'right'

var IdPrev = 'left'

var SpeedSlide = 3000

var BgColor = '#333333'

var BorderColor = '#FF6600'

var BorderSize = 3

var NumImg = 7

var FontName = 'Tahoma'

var FontSize = 17

</script>

</head>

<body>

<div id="sileder">

<a href="#left" id="left"><img src="http://bo3e.com/wp-content/themes/bo3e/images/prev.png" alt="left"/></a>

<a href="#right" id="right"><img src="http://bo3e.com/wp-content/themes/bo3e/images/next.png" alt="right"/></a>

<div id="images">

<ul>

<li><span>توضیحات 1</span><a href="#"><img src="http://up.tanihost.ir/s1/137215035090641.jpg" /></a></li>

<li><span>توضیحات 2</span><a href="#"><img src="http://up.tanihost.ir/s1/137215145053381.jpg" /></a></li>

<li><span>توضیحات 3</span><a href="#"><img src="http://up.tanihost.ir/s1/137215172318441.jpg" /></a></li>

<li><span>توضیحات 4</span><a href="#"><img src="http://up.tanihost.ir/s1/137215177992871.jpg" /></a></li>

<li><span>توضیحات 5</span><a href="#"><img src="http://up.tanihost.ir/s1/137215184352481.jpg" /></a></li>

<li><span>توضیحات 6</span><a href="#"><img src="http://up.tanihost.ir/s1/137215230911841.jpg" /></a></li>

<li><span>توضیحات 7</span><a href="#"><img src="http://up.tanihost.ir/s1/137210187864621.jpg" /></a></li>

</ul>

</div>

</div>

</body>

</html>
سه شنبه 04 تیر 1392 - 15:48
ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شدهThanks : سپاس هاThanks (6) : c-plusplus - samanpes12 - Jazzab-Online - irrd2 - amalian - abzar-web -
mohammadelement آفلاین



ارسال‌هاAsnwers : 455
عضویتRegistration date : 1 /9 /1391
حمایت کردهthanks : 12
حمایت شدهThanked : 109
 پاسخAnswer 1 : ***اسکریپت اسلاید شو (ساخت خودم!)***

این همه زحمت کشیدم

همه اینا رو میفروشن

چرا نظر نمیدید؟؟؟؟
سه شنبه 04 تیر 1392 - 16:14
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : irrd2 -
samanpes12 آفلاین



ارسال‌هاAsnwers : 222
عضویتRegistration date : 15 /1 /1392
حمایت کردهthanks : 115
حمایت شدهThanked : 157
 پاسخAnswer 2 : ***اسکریپت اسلاید شو (ساخت خودم!)***

یکم شبیه به معادله فیثاغورسه
عاشق همه ی بچه ها گل ............برگشتیم ...
سه شنبه 04 تیر 1392 - 16:18
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
Jazzab-Online آفلاین



ارسال‌هاAsnwers : 189
عضویتRegistration date : 6 /9 /1391
حمایت کردهthanks : 75
حمایت شدهThanked : 46
 پاسخAnswer 3 : ***اسکریپت اسلاید شو (ساخت خودم!)***

آفرين موفق باشي

هِه ، شُدیــم مَنشور ...

هرکَسی بِهمون میخوره 7 خَطـــ در میاد !!
سه شنبه 04 تیر 1392 - 16:20
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
mohammadelement آفلاین



ارسال‌هاAsnwers : 455
عضویتRegistration date : 1 /9 /1391
حمایت کردهthanks : 12
حمایت شدهThanked : 109
 پاسخAnswer 4 : ***اسکریپت اسلاید شو (ساخت خودم!)***

اگه کار با اسکریپت های اسلادشو رو باشی راحت میفهمی

اگر بلد نیستی با دقت بخون اصلا چیز سخت یا پیچیده ای نداره
سه شنبه 04 تیر 1392 - 16:21
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
samanpes12 آفلاین



ارسال‌هاAsnwers : 222
عضویتRegistration date : 15 /1 /1392
حمایت کردهthanks : 115
حمایت شدهThanked : 157
 پاسخAnswer 5 : ***اسکریپت اسلاید شو (ساخت خودم!)***

می دونم داداش .فهمیدم.اون لینک ها رو بلدی که درست کنی.همونا رو که قبلا بهت گفته بود واسه ورزش3بود ر.همون لینک جدول ها رو می گم
عاشق همه ی بچه ها گل ............برگشتیم ...
سه شنبه 04 تیر 1392 - 16:23
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
giasi آفلاین


معاونت
ارسال‌هاAsnwers : 3677
عضویتRegistration date : 3 /2 /1392
حمایت کردهthanks : 23
حمایت شدهThanked : 2399
 پاسخAnswer 6 : ***اسکریپت اسلاید شو (ساخت خودم!)***

ایول آموزش کامل گذاشتی اما یکی بیکار باشه ردیف کنه

یه چیز جالب بود جاوا اسکریپی که آپلود کردی

تمامی حقوق این اسلایدر مطعلق به محمد میباشد

فکر کنم این اسکریپ جایی دیدم؟؟؟

جی کوئری + css
وب تخصصی و کاری من (سئو وب )

بهینه سازی کلیه سیستمهای وبلاگ نویسی از رزبلاگ تا بلاگفا

سیستم مدیریت محتوای وردپرس .......جوملا

بردن هر کلمه به صفحه اول گوگل .....

آخرین متد های موتور جستجو گوگل پاندا و پنگوئن


سه شنبه 04 تیر 1392 - 16:24
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
mohammadelement آفلاین



ارسال‌هاAsnwers : 455
عضویتRegistration date : 1 /9 /1391
حمایت کردهthanks : 12
حمایت شدهThanked : 109
 پاسخAnswer 7 : ***اسکریپت اسلاید شو (ساخت خودم!)***

منظورت اینه که اینو خودم ننوشتم؟
سه شنبه 04 تیر 1392 - 16:29
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
mohammadelement آفلاین



ارسال‌هاAsnwers : 455
عضویتRegistration date : 1 /9 /1391
حمایت کردهthanks : 12
حمایت شدهThanked : 109
 پاسخAnswer 8 : ***اسکریپت اسلاید شو (ساخت خودم!)***

بشکنه این دست که نمک نداره
سه شنبه 04 تیر 1392 - 16:31
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
samanpes12 آفلاین



ارسال‌هاAsnwers : 222
عضویتRegistration date : 15 /1 /1392
حمایت کردهthanks : 115
حمایت شدهThanked : 157
 پاسخAnswer 9 : ***اسکریپت اسلاید شو (ساخت خودم!)***

تو یه جور دیگه شو بهم دادی .میشه کد همونو بنویسی بدی بهم
عاشق همه ی بچه ها گل ............برگشتیم ...
سه شنبه 04 تیر 1392 - 16:33
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
mohammadelement آفلاین



ارسال‌هاAsnwers : 455
عضویتRegistration date : 1 /9 /1391
حمایت کردهthanks : 12
حمایت شدهThanked : 109
 پاسخAnswer 10 : ***اسکریپت اسلاید شو (ساخت خودم!)***

راستی

وقتی موس بره رو اسلایدشو، اسلاید خودکار متوقف میشه
سه شنبه 04 تیر 1392 - 16:50
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
12»



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com 		کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex