رفتن به مطلب

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


پست های پیشنهاد شده

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

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

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

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

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

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

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

سپاس

theme.zip

لینک به ارسال

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

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

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

لینک به ارسال

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

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

لینک به ارسال

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

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


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

لینک به ارسال

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

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

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

لینک به ارسال

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

لینک به ارسال

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

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

فایل 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>

لینک به ارسال

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

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

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

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

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

ممنون

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...