• اطلاعیه ها

    • Saeed Fard

      سیاره وردپرس ایران   15/10/95

      سایت‌های زیادی در ایران و سرتاسر وب در زمینه گسترش وردپرس تلاش دارند و نوشته‌های آموزشی منتشر می‌کنند. اما ضرورت یک منبع خوب و ارزشمند برای جمع‌آوری بهترین‌های وب ایران و دنیا باعث ایجاد سیاره وردپرس شد تا دنبال کنندگان این موضوع به صورت یکجا و آسان بتوانند به این نوشته‌ها دسترسی داشته باشند.     در سیاره وردپرس این بستر فراهم شده است که آدرس وب‌سایت‌های مربوطه ثبت و برای این سرویس ارسال شود، آخرین نوشته‌های مفید وب‌سایت‌ها در سیاره وردپرس و نیز در بخش اخبار وردپرس پیشخوان سایت‌های وردپرسی از طریق افزونه‌ی Parsi Date نمایش داده می‌شود. همینطور کاربران از طریق عضویت در خبرنامه ایمیلی سیاره وردپرس می‌توانند به صورت دوره‌ای بهترین و جدیدترین نوشته‌های وردپرسی را که توسط اعضای تحریریه و همکاران سیاره وردپرس بررسی و تایید می‌شود را در ایمیل خود دریافت کنند.   امکانات سیاره وردپرس امکان ثبت آدرس سایت‌هایی که نوشته‌های مفید در زمینه وردپرس دارند. نمایش نوشته‌های وردپرس سایت‌ها در سیاره وردپرس نمایش نوشته‌های وردپرس در پیشخوان سایت‌های وردپرس فارسی توسط ویجت اخبار پلاگین Parsi Date و ... امکان ثبت ایمیل کاربران علاقه‌مند جهت دریافت مطالب محبوب و ویژه در خبرنامه دوره‌ای سیاره توسط اعضای تحریریه و ... جهت ثبت سایت وردپرسی یا ایمیل خود به سایت سیاره وردپرس مراجعه کنید   تاپیک پیشنهادات و همکاری در سیاره وردپرس : http://wpu.ir/qlhy5  
keyvan 200

درخواست جی کوئری اسلایدر لوگو

7 پست در این موضوع قرار دارد

سلام

داداش یه فایل برات پیوست کردم. این یه اسلایدر ساده هست. که هم دکمه داره و هم اتوماتیک اسکرول می کنه. منتها تو هر اسلاید یه عکس داره. با یه کمی تغییر تو اندازه هاش می تونی اون چیزی که می خوای ازش در بیاری.

slideshow.zip

به اشتراک گذاری این پست


لینک به پست

سلام

داداش یه فایل برات پیوست کردم. این یه اسلایدر ساده هست. که هم دکمه داره و هم اتوماتیک اسکرول می کنه. منتها تو هر اسلاید یه عکس داره. با یه کمی تغییر تو اندازه هاش می تونی اون چیزی که می خوای ازش در بیاری.

سلام

از کدتون اسفاده کردم ، ولی : منتها تو هر اسلاید یه عکس داره...

الان من این رو ساختنم منتهی ریخت بهم :

slideshow.zip

ویرایش شده در توسط honda.moji

به اشتراک گذاری این پست


لینک به پست

شما کافیه داخل li هر چی دوست دارید بزارید. چه عکس باشه، چه متن و چه ترکیبی از هر دو.

به اشتراک گذاری این پست


لینک به پست

شما کافیه داخل li هر چی دوست دارید بزارید. چه عکس باشه، چه متن و چه ترکیبی از هر دو.

من فقط طول و عرض اسلایدر رو عوض کردم + تعویض باتوم ها ! الان ریخته بهم میشه یه نگاه به فایل زیپ بندازید ؟

اینم استایل :


*{
margin:0;
padding: 0;
background:#372b2a;
}
#container{
position: relative;
margin:auto;
background:url(../../../../xampp/htdocs/wordpress/wp-content/themes/blog/images/bg.jpg);
width:auto;
height:auto;
border-bottom: 1.5px dashed #CCC;
border-top: 1.5px dashed #CCC;
box-shadow:0 4px 6px 2px #2d2322;

}
#slideshow{
position: relative;
margin: auto;
width: 800px;
height: 200px;
padding-top:0px;
}
#slideshow #images{
position: relative;
overflow-x: scroll;
overflow-y: hidden;
}
#images ul{
width: 3000px;
list-style: none;
}
#images li{
float: left;
}
#slideshow a{
position: absolute;
z-index: 10;
width: 30px;
height: 200px;
float: left;
display: none;
}
#slideshow .left{
background-image: url('images/nav-left.png');
margin-left:0px;
}
#slideshow .right{
background-image: url('images/nav-right.png');
right: 0px;
}

به اشتراک گذاری این پست


لینک به پست

از داخل script.js یه 750 داره. طول عکس رو اینجا باید وارد کنید.

به اشتراک گذاری این پست


لینک به پست

از داخل script.js یه 750 داره. طول عکس رو اینجا باید وارد کنید.


$(function(){
var i = 0;

$('#images').css('overflow-x' , 'hidden');
$('#images').scrollLeft(0);
$('#slideshow a').css('display' , 'block');
$('#slideshow a').css('opacity' , '0.0');

window.setInterval(function(){
if(i>=3)
i = -1;
i++;
$('#images').animate({scrollLeft: i*750},500);
}, 5000);

$('#slideshow').mouseenter(function(){
$('#slideshow a').animate({opacity: 1.0}, 300);
});

$('#slideshow').mouseleave(function(){
$('#slideshow a').animate({opacity: 0.0}, 300);
});

$('#slideshow .right').click(function(){
window.clearInterval();
if(i>=3)
i = -1;
i++;
$('#images').animate({scrollLeft: i*750},500);
});

$('#slideshow .left').click(function(){
window.clearInterval();
if(i <= 0)
i = 4;
i--;
$('#images').animate({scrollLeft: i*750},500);
});

});

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری