PDA

View Full Version : کد اسلایدر عکس همراه با استپ



maskmr85
دوشنبه 05 اردیبهشت 1390, 23:22 عصر
با سلام خدمت بچها مخصوصا آقا حسین
کلا این چند وقته داره میترکونه با این جواباش:تشویق:
یه دوتا سوال داشتم
1-یه اسلایدر ساده میخوام همرا با استپ برا گذاشتن لوگوهام
مانند این سایت در پایین و قسمت"مشتریان"
http://leenyx.com/
2-میخواستم بدونم سیستمی برای پشتیانی مشترین و ارسال تیکت اوپن سورس و رایگان هم هست؟

hossin.esm
سه شنبه 06 اردیبهشت 1390, 08:31 صبح
سلام
ممنون
دوست عزیز من سوال اول را میتونم جواب بدم.

لینک
http://www.scriptiny.com/2011/01/javascript-slider/
http://www.scriptiny.com/2010/09/fading-slideshow-script/



<SCRIPT type=text/javascript
src="jquery.js"></SCRIPT>
<SCRIPT type=text/javascript
src="home.js"></SCRIPT>
<style>
.scroll {
WIDTH: 169px; HEIGHT: 88px; TOP: 0px; LEFT: 0px
}
DIV.panel {
TEXT-ALIGN: center; WIDTH: 169px; HEIGHT: 88px
}
</style>
<DIV id=spotlight>
<DIV style="POSITION: relative; OVERFLOW: hidden" class=scroll>
<DIV
style="Z-INDEX: 9; POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 254px; opacity: 1"
id=panel1 class=panel><IMG alt="Customer slideshow"
src="slide1.gif"></DIV>
<DIV
style="Z-INDEX: 8; POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 254px"
id=panel2 class=panel><IMG alt="Customer slideshow"
src="slide5.gif"></DIV>
<DIV
style="Z-INDEX: 7; POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 254px"
id=panel3 class=panel><IMG alt="Customer slideshow"
src="slide7.gif"></DIV>
<DIV style="Z-INDEX: 6; POSITION: absolute; DISPLAY: block; TOP: 0px; LEFT: 0px"
id=panel4 class=panel><IMG alt="Customer slideshow"
src="slide2.gif"></DIV>
<DIV
style="Z-INDEX: 5; POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 254px"
id=panel5 class=panel><IMG alt="Customer slideshow"
src="slide3.gif"></DIV>
<DIV
style="Z-INDEX: 4; POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 254px"
id=pane6 class=panel><IMG alt="Customer slideshow"
src="slide9.gif"></DIV>
<DIV
style="Z-INDEX: 3; POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 254px"
id=panel7 class=panel><IMG alt="Customer slideshow"
src="slide4.gif"></DIV>
<DIV
style="Z-INDEX: 2; POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 254px"
id=panel8 class=panel><IMG alt="Customer slideshow"
src="slide6.gif"></DIV>
<DIV
style="Z-INDEX: 2; POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 254px"
id=pane20 class=panel><IMG alt="Customer slideshow"
src="slide10.gif"></DIV>
<DIV
style="Z-INDEX: 2; POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 254px"
id=pane21 class=panel><IMG alt="Customer slideshow"
src="slide11.gif"></DIV>
<DIV
style="Z-INDEX: 2; POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 254px"
id=pane22 class=panel><IMG alt="Customer slideshow"
src="slide12.gif"></DIV>
<DIV
style="Z-INDEX: 2; POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 254px"
id=pane23 class=panel><IMG alt="Customer slideshow"
src="slide13.gif"></DIV>
<DIV
style="Z-INDEX: 2; POSITION: absolute; DISPLAY: none; TOP: 0px; LEFT: 254px"
id=pane24 class=panel><IMG alt="Customer slideshow"
src="slide14.gif"></DIV>
<DIV style="Z-INDEX: 1; DISPLAY: none; TOP: 0px; LEFT: 254px" id=panel9
class=panel><IMG alt="Customer slideshow"
src="slide8.gif"></DIV></DIV></DIV></DIV>


البته فایل home.js را میتونید از همون سایت بگیرید.
وفایل jquery.js کتابخانه jquery است.

maskmr85
سه شنبه 06 اردیبهشت 1390, 12:25 عصر
آقا ممنون فایلهای جاوا رو دانلود و آدرس دهی کردم تو یه اچ تی ام ال جواب داد
ولی وقتی میبرم تو تم و آدرس دهی دقیق میکنم اسلایدر گالری عکسم از کار میفته
اسلایدر گالری عکسم از نوع دیگری ار جی کوریه.و وقتی این جدید و از کار میندازم
<SCRIPT type=text/javascript
src="jquery.js"></SCRIPT>
<SCRIPT type=text/javascript
src="home.js"></SCRIPT>
رو حذف میکنم دوباره گالری فعال میشه!!!!!!!!!!
دلیلش چیه؟مگه دوبار نمیشه از جی کوری تو یه صفحه استفاده کرد؟؟؟؟؟؟؟؟

hossin.esm
سه شنبه 06 اردیبهشت 1390, 12:52 عصر
فایل jquery را یک بار به کد اضافه کنید کافی است (ورژن جدید تر)
خط

<SCRIPT type=text/javascript
src="jquery.js"></SCRIPT>

را حذف کنید فکر کنم مشکلتون حل بشه

maskmr85
سه شنبه 06 اردیبهشت 1390, 14:50 عصر
من این فایل رو یه بار اضافه کردم
<SCRIPT type=text/javascript src="img/jquery.js"></SCRIPT>
<SCRIPT type=text/javascript src="img/home.js"></SCRIPT>
<SCRIPT type=text/javascript src="mootools.js"></SCRIPT>
<SCRIPT type=text/javascript src="jd.gallery.js"></SCRIPT>
دوتا اولی همین کداییه که خدتون دادید دوتایه دومی مربوط میشه به گالری عکس
در صورت بالا یعنی گذاشتن( 4 خط کد ) , کد خط 3 و 4 اجرا نشده و در نتیجه گالری عکس از کار میفته
در این صورت فقط کد اسلایدری که خودتون دادید اجرا میشه
در صورتی که من میخوام هر دوتا(گالری عکس و اسلایدر شما که لوگو دونیه)اجرا شه
در صورت پاک کردن دو خط کد اول(که مربوط به اسلایدر شمامیشه)رو حذف کنم گالری مجدادا شروع به کار میکنه
آیا میشه از امکان گالری عکس که اونم با جی کوری نوشته شده همراه با اسلایدر شما(جی کوری)در یک زمان استفاده کرد؟؟؟؟؟؟
میشه بگید مشکل از کجاس...

hossin.esm
سه شنبه 06 اردیبهشت 1390, 15:21 عصر
گالری تصویر شما از کتابخونه mootools استفاده کرده که از jquery مجزا است و متفاوت.
مشکل این هست که کتابخونه با هم تداخل دارند.
و برای رفع این تداخل فایل home.js ی را که ضمیمه میکنم را با فایل قبلی home.js جایگزین کنید.
من توصیه میکنم از یک کتاب خونه استفاده کنید.(استفاده از دو کتابخونه باعث افزایش حجم سایت میشه.)

golalia
یک شنبه 29 مرداد 1391, 18:56 عصر
سلام
من یه اسلایدر می خواستم مانند این سایت:
http://abdollahi.us
به خدا کلی وقت هست دنبالش هستم ولی پیدایش نمی کنم.
با تشکّر