[DataLife] اسلاید شو تصاویر به حالت fade برای دیتالایف

progpars

progpars

progpars.com
سلام این اسلاید شو را در انجمن دیتالایف گزاشتم گفتم اینجا هم بزارم :green:
3fe393893eca4dc9ba8b.jpg


اموزش نصب:
ا) فایل زیر را دانلود کرده و در قالب خودتون بزاررید.121kb

http://up.iranblog.com/Files/c382e2b4a8c046d18621.zip

main.tpl را در قالب باز کرده:
بعد از :
کد: 
<head>
کدهای زیر :
کد: 
<style type="text/css">
.slideshow { height: 232px; width: 232px; margin: auto }
.slideshow img { padding: 15px; border: 1px solid #ccc; background-color: #eee; }

</style>
<!-- include jQuery library -->
<script type="text/javascript" src="{THEME}/js/jquery.min.js"></script>
<!-- include Cycle plugin -->
<script type="text/javascript" src="{THEME}/js/jquery.cycle.all.latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $('.slideshow').cycle({
        fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    });
});
</script>
بعد از :
کد: 
<body>
کدهای زیر:
کد: 
    <div class="slideshow">
        <img src="{THEME}/images/beach1.jpg" width="200" height="200" />
        <img src="{THEME}/images/beach2.jpg" width="200" height="200" />
        <img src="{THEME}/images/beach3.jpg" width="200" height="200" />
        <img src="{THEME}/images/beach4.jpg" width="200" height="200" />
        <img src="{THEME}/images/beach5.jpg" width="200" height="200" />
    </div>
================
اندازه و مکان قرار گیری هم خودتون میتونید تعیین کنید
===============================*
شکیبا باشد:rose:
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا