webmaster

مشکل در فایل Js اسلایدر (تغییر نکردن اسلاید)

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

با سلام به همگی

دوستان یک اسلایدر زدم و میخوام خودش اتو هر اسلاید رو تغییر بده و متحرک شده . از easySlider1.7 استفاده کردم و div رو فراخونی کردم در جاوا اسکرپتیش ولی نشد که نشد.

یعنی هر کاری کردم اسلایدر کار نکرد.

ممنون میشم یکی راهنمایی کنه.

فایل html اسلایدر رو با استایلش قرار دادم خودتون ببینید

میخوام مثل این اسلایدر باشه و کد های این رو هم استفاده کردم ولی نشد : http://cssglobe.com/lab/easyslider1.7/01.html

اسلایدر خودم رو پیوست کردم.

سپاس

theme.zip

0

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


لینک به پست

من تست کردم درست بود

شما از کدهی مثال استفاده کیند:

http://cssglobe.com/lab/easyslider1.7/easyslider1.7.zip

2

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


لینک به پست

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

یعنی اون کد ها که داخل <li> هست باید اتوماتیک یکی یکی نشون بده در حالی که ماله فایلی که دادم کلا کار نمیکنه

0

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


لینک به پست

کد فراخوانی jquery را بیارید درست بالای اسلایدر بگذارید و تست کنید

در ضمن کد فراخوانی در فایل وردپرس به شرطی که فایل js در پوشه قالب باشد اینگونه است


<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scrip-name.js"></script>

2

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


لینک به پست

تست کردم ولی کار نکرد باز

ممنون میشم یه نگاه به فایل بکنید ، به صورت html قرار دادم.

دو روزه روش کار میکنم نمیدونم کدوم قسمتش مشکل داره

0

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


لینک به پست

فایل را روی سایتتون قرار بدید به صورت آنلاین در قالب وردپرس و آدرس بگذارید در محل اصلیش ببینم و اگر کمکی بر اومد عرض می کنم

1

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


لینک به پست

از فایل استایل خودش استفاده می کنید ؟

قاعدتا باید فایل استایلش قالبتون رو بهم بریزه

فایل screen.css را باز کنید


body {
background:#fff url(../images/bg_body.gif) repeat-x;
font:80% Trebuchet MS, Arial, Helvetica, Sans-Serif;
color:#333;
line-height:180%;
margin:0;
padding:0;
text-align:center;
}
h1{
font-size:180%;
font-weight:normal;
margin:0;
padding:0 20px;
}
h2{
font-size:160%;
font-weight:normal;
}
h3{
font-size:140%;
font-weight:normal;
}
img{border:none;}
pre{
display:block;
font:12px "Courier New", Courier, monospace;
padding:10px;
border:1px solid #bae2f0;
background:#e3f4f9;
margin:.5em 0;
width:674px;
}

ازش حذف کنید و


#container{
margin:0 auto;
position:relative;
text-align:left;
width:696px;
background:#fff;
margin-bottom:2em;
}

را به


#container{
margin:0 auto;
position:relative;
text-align:left;
width:696px;
background:#fff;
margin-bottom:2em;
direction:ltr
}

تغییر بدید و پوشه اصلی را در پوشه قالبتئون ذخیره کنید و این کدها را به header.php


<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/easyslider1.7/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/easyslider1.7/js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>

<link href="<?php bloginfo('template_url'); ?>/easyslider1.7/css/screen.css" rel="stylesheet" type="text/css" media="screen" />

و این کدها در محل نمایش


<div id="container">
<div id="content">
<div id="slider">
<ul>
<li><a href="http://templatica.com/preview/30"><img src="<?php bloginfo('template_url'); ?>/easyslider1.7/images/01.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/7"><img src="<?php bloginfo('template_url'); ?>/easyslider1.7/images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/25"><img src="<?php bloginfo('template_url'); ?>/easyslider1.7/images/03.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/26"><img src="<?php bloginfo('template_url'); ?>/easyslider1.7/images/04.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/27"><img src="<?php bloginfo('template_url'); ?>/easyslider1.7/images/05.jpg" alt="Css Template Preview" /></a></li>
</ul>
</div>
</div>
</div>

2

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


لینک به پست

با سپاس از اینکه وقتتون رو قرار دادید برااین موضوع

من اسلایدری که زدم از کداش استفاده میکنم و خود این نیست

یه چیزی شبیه سایت sibaweb.ir

در حال حاضر در حال تست این کدا دادید هستم.

خبرشو قرار میدم

ممنون

0

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


لینک به پست

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

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

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

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


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

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

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


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