من میخواستم بالای سایتم به جای هدر یه اسلایدر بذارم ولی اسلایدر Js و Html هست اینم اسلایدر : دانلود
چطوری از این اسلایدر تو سایتم استفاده كنم ؟؟؟
آغاز شده توسط
admin6718
, 1390/07/03 ساعت 20:55
28 پاسخ برای این موضوع
#4
ارسالی 1390/07/04 ساعت 10:42
admin6718,
برای انجامش باید کمی با HTML و CSS آشنایی داشته باشین ...
فایل ها ( عکس و کدهای JS ) رو به قالبتون انتقال بدید ، بعد کدهای داخل HTML ( فقط اونهایی که مربوط به اسلاید هست رو به فایل main.tpl انتقال بدید ...
بعدش فال هایی css رو داخل فایل main.tpl فراخونی کنید ...!!!
برای انجامش باید کمی با HTML و CSS آشنایی داشته باشین ...
فایل ها ( عکس و کدهای JS ) رو به قالبتون انتقال بدید ، بعد کدهای داخل HTML ( فقط اونهایی که مربوط به اسلاید هست رو به فایل main.tpl انتقال بدید ...
بعدش فال هایی css رو داخل فایل main.tpl فراخونی کنید ...!!!
#6
ارسالی 1390/07/05 ساعت 08:02
admin6718,
ببین این فایل سه پوشه css , img, js داره ، اینها رو بریز تو قالبت ...
بعد فایل main.tpl رو باز کن و قبل از کد
کد زیر رو بذار :
بعد هرجا که می خوای اسلایدشو نمایش پیدا کنه ، کدهای زیر رو بذار ( البته باید آدرس عکس ها رو عوض کنی ) :
اگه بازم مشکلی بود ، بدون که در آدرس د هی اشتباهی پیش اومده ...
اما اینبار سعی کن خودت مشکل رو حل کنی تا قلق کار دستت بیاد ...!!!
ببین این فایل سه پوشه css , img, js داره ، اینها رو بریز تو قالبت ...
بعد فایل main.tpl رو باز کن و قبل از کد
</head>
کد زیر رو بذار :
<link media="screen" href="{THEME}/css/global.css" type="text/css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
4;></script>
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"
62;</script>
<script src="{THEME}/js/slides.min.jquery.js"></script>
<script>
$(function(){
$(
39;#slides').slides({
&n
bsp; preload: true,
&n
bsp; preloadImage: 'img/loading.gif',
&n
bsp; play: 5000,
&n
bsp; pause: 2500,
&n
bsp; hoverPause: true
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
4;></script>
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"
62;</script>
<script src="{THEME}/js/slides.min.jquery.js"></script>
<script>
$(function(){
$(
39;#slides').slides({
&n
bsp; preload: true,
&n
bsp; preloadImage: 'img/loading.gif',
&n
bsp; play: 5000,
&n
bsp; pause: 2500,
&n
bsp; hoverPause: true
});
});
</script>
بعد هرجا که می خوای اسلایدشو نمایش پیدا کنه ، کدهای زیر رو بذار ( البته باید آدرس عکس ها رو عوض کنی ) :
<div id="container">
<div id="example">
<img
src="img/new-ribbon.png" width="112" height="112" alt="New Ribbon" id="ribbon">
<div
id="slides">
&n
bsp; <div class="slides_container">
&n
bsp; <a href="http://www.flickr.com/photos/jliba/4665625073/" title="145.365 - Happy Bokeh Thursday! | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-1.jpg" width="570" height="270" alt="Slide 1"></a>
&n
bsp; <a href="http://www.flickr.com/photos/stephangeyer/3020487807/" title="Taxi | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-2.jpg" width="570" height="270" alt="Slide 2"></a>
&n
bsp; <a href="http://www.flickr.com/photos/childofwar/2984345060/" title="Happy Bokeh raining Day | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-3.jpg" width="570" height="270" alt="Slide 3"></a>
&n
bsp; <a href="http://www.flickr.com/photos/b-tal/117037943/" title="We Eat Light | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-4.jpg" width="570" height="270" alt="Slide 4"></a>
&n
bsp; <a href="http://www.flickr.com/photos/bu7amd/3447416780/" title="“I must go down to the sea again, to the lonely sea and the sky; and all I ask is a tall ship and a star to steer her by.” | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-5.jpg" width="570" height="270" alt="Slide 5"></a>
&n
bsp; <a href="http://www.flickr.com/photos/streetpreacher/2078765853/" title="twelve.inch | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-6.jpg" width="570" height="270" alt="Slide 6"></a>
&n
bsp; <a href="http://www.flickr.com/photos/aftab/3152515428/" title="Save my love for loneliness | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-7.jpg" width="570" height="270" alt="Slide 7"></a>
&n
bsp; </div>
&n
bsp; <a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
&n
bsp; <a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</di
v>
<img
src="img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
</div>
<div id="example">
<img
src="img/new-ribbon.png" width="112" height="112" alt="New Ribbon" id="ribbon">
<div
id="slides">
&n
bsp; <div class="slides_container">
&n
bsp; <a href="http://www.flickr.com/photos/jliba/4665625073/" title="145.365 - Happy Bokeh Thursday! | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-1.jpg" width="570" height="270" alt="Slide 1"></a>
&n
bsp; <a href="http://www.flickr.com/photos/stephangeyer/3020487807/" title="Taxi | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-2.jpg" width="570" height="270" alt="Slide 2"></a>
&n
bsp; <a href="http://www.flickr.com/photos/childofwar/2984345060/" title="Happy Bokeh raining Day | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-3.jpg" width="570" height="270" alt="Slide 3"></a>
&n
bsp; <a href="http://www.flickr.com/photos/b-tal/117037943/" title="We Eat Light | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-4.jpg" width="570" height="270" alt="Slide 4"></a>
&n
bsp; <a href="http://www.flickr.com/photos/bu7amd/3447416780/" title="“I must go down to the sea again, to the lonely sea and the sky; and all I ask is a tall ship and a star to steer her by.” | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-5.jpg" width="570" height="270" alt="Slide 5"></a>
&n
bsp; <a href="http://www.flickr.com/photos/streetpreacher/2078765853/" title="twelve.inch | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-6.jpg" width="570" height="270" alt="Slide 6"></a>
&n
bsp; <a href="http://www.flickr.com/photos/aftab/3152515428/" title="Save my love for loneliness | Flickr - Photo Sharing!" target="_blank"><img src="http://slidesjs.com/examples/standard/img/slide-7.jpg" width="570" height="270" alt="Slide 7"></a>
&n
bsp; </div>
&n
bsp; <a href="#" class="prev"><img src="img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
&n
bsp; <a href="#" class="next"><img src="img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
</di
v>
<img
src="img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
</div>
اگه بازم مشکلی بود ، بدون که در آدرس د هی اشتباهی پیش اومده ...
اما اینبار سعی کن خودت مشکل رو حل کنی تا قلق کار دستت بیاد ...!!!
#8
ارسالی 1390/07/06 ساعت 07:35
admin6718,
این اسلاید رو به احتمال زیاد من هم برای سایتم نصب می کنم ...
دیروز که داشتم تست می کردم ، دیدم که وقتی فایل استایل رو توی قالب می ذاری ، قالب رو بهم میریزه ...
من تنظیماتش رو اعمال کردم ، بعد از اینکه رو سایت خودم تست کردم ، فایل رو همراه یک آموزش برای دانلود می ذارم تا دیگه با مشکل بهم ریختن قالب هم روبرو نشید ...!!!
این اسلاید رو به احتمال زیاد من هم برای سایتم نصب می کنم ...
دیروز که داشتم تست می کردم ، دیدم که وقتی فایل استایل رو توی قالب می ذاری ، قالب رو بهم میریزه ...
من تنظیماتش رو اعمال کردم ، بعد از اینکه رو سایت خودم تست کردم ، فایل رو همراه یک آموزش برای دانلود می ذارم تا دیگه با مشکل بهم ریختن قالب هم روبرو نشید ...!!!
#10
ارسالی 1390/07/08 ساعت 09:45
admin6718,
اینم از اسلایدشو ...
فایل زیر رو دانلود کنید ... آموزش رو هم داخل یه فایل word نوشتم ...
دانلود فایل
اینم از اسلایدشو ...
فایل زیر رو دانلود کنید ... آموزش رو هم داخل یه فایل word نوشتم ...
دانلود فایل
#13
ارسالی 1390/07/09 ساعت 12:27
admin6718,
سلام
من یه سری اسلاید شو کد چند تاشون با Html5 نوشته شده اند رو با کاستوم با دیتالایف انجین ست کردم وقت کنم روی دیتالایف انجین انحین منتشر میکنم .
روی این هم کار میکنم که با دیتالایف انجین ستش کنم و دیگه نیاز نباشه به صورت دستی کدهاش رو ویرایش کنید بصورت خودکار با ارسال تصویر از مدیریت سایت تصویر رو نمایش میده
.
سلام
من یه سری اسلاید شو کد چند تاشون با Html5 نوشته شده اند رو با کاستوم با دیتالایف انجین ست کردم وقت کنم روی دیتالایف انجین انحین منتشر میکنم .
روی این هم کار میکنم که با دیتالایف انجین ستش کنم و دیگه نیاز نباشه به صورت دستی کدهاش رو ویرایش کنید بصورت خودکار با ارسال تصویر از مدیریت سایت تصویر رو نمایش میده
.
0 کاربر در حال خواندن این موضوع است
0 کاربر، 0 مهمان و 0 عضو مخفی