Как сместить изображение в jQuery

Я пытаюсь сместить изображение влево:

<html>
<head>
<title>JQuery Slider</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="jquery-1.4.1.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.min.js"></script>
<script>
  $(document).ready(function(){
     $("#one").show("fade",500);
     $("#one").delay(5500).hide("slide",{direction:'left'},500);
  });  
});
</script>
</head>

<body>
<div class="slider">
   first image
   first image
   first image
 </div>
</body>
</html>

он дает ошибку в консоли браузера   Uncaught TypeError: Свойство # # объекта # не является функцией PLZ помочь мне

4
nl ja de

3 ответы

В вашем коде есть синтаксическая ошибка:

  $(document).ready(function(){
     $("#one").show("fade",500);
     $("#one").delay(5500).hide("slide",{direction:'left'},500);
  });  
});//<--- remove this line

Редактировать:

Вы загружаете jQuery UI 1.7.2, я не думаю, что эта версия поддерживает jQuery 1.4.2, попробуйте загрузить более новую версию библиотеки jQuery Core.

3
добавлено
@DheerajSharma Почему вы так думаете? Это не.
добавлено автор undefined, источник
Неа. строка правильная.
добавлено автор Dheeraj Sharma, источник
yesah.my сообщение об ошибке, но его не реальная ошибка его Uncaught TypeError: свойство '500' объекта # не является функцией jquery-1.4.1.min.js: 141
добавлено автор Dheeraj Sharma, источник

Вы можете использовать любой из jquery-плагинов, как показано ниже.

ползунок nivo

0
добавлено

JQuery/CSS

<script>
        $(function() {      
            $("#slideshow > div:gt(0)").hide(); 
            setInterval(function() { 
              $('#slideshow > div:first')
                .fadeOut(1500)
                .next()
                .fadeIn(1500)
                .end()
                .appendTo('#slideshow');
            },  3000);          
        });
    </script> 
        
 

HTML

<div class="tile tile-white">
   <div id="slideshow">
   <div>
     
   </div>
   <div>
     
   </div>
      <div>
     
   </div>
   <div>
     
   </div>
      <div>
     
   </div>
   <div>
     
   </div>
   </div>
   </div>
0
добавлено
не проблема. Я могу сделать это, используя интернет, но я хочу, чтобы решение ошибки в mycode оно также должно было перемещаться вместе с моим простым кодом.
добавлено автор Dheeraj Sharma, источник
Верстка сайтов HTML/CSS/JS/PHP
Верстка сайтов HTML/CSS/JS/PHP
3 439 участник(ов)

Правила группы: напишите !rules в чате. Группа Вк: vk.com/web_structure Freelancer: @web_fl Веб Дизайн: @dev_design Маркетолог: @topmarkening Автор: @M_Boroda