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

[webmaster 55]

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

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

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

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

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

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

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

سپاس

theme.zip

[Morteza 34190]

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

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

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

[webmaster 55]

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

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

[imanfakhar 26231]

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

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

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

[webmaster 55]

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

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

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

[imanfakhar 26231]

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

[imanfakhar 26231]

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

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

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

[webmaster 55]

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

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

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

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

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

ممنون