carouFredSel slider - problem z instalacją

0

Witam, chciałbym dodać do swojego projektu slider z tej strony http://caroufredsel.dev7studios.com/

Oczywiście mam problem, ponieważ slider nie działa. Chciałby się dowiedzieć w czym tkwi problem, postąpiłem według instrukcji zamieszczonej na stronie, czyli.

  1. Podlinkowałem jQuery
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  1. Następnie podlinkowałem samego slidera
<script type="text/javascript" src="js/jquery.carouFredSel.js"></script>
  1. Dodałem kod slidera, wersja podstawowa/domyślna
	<!-- slider -->
	<script type="text/javascript" language="javascript">
		$(document).ready(function() {

			// Using default configuration
			$("slider1-images").carouFredSel();
	});
	</script>
  1. Następnie do diva dodałem 2 obrazki
		<div id="slider1-images">
			
			<img src="images/slider/01.png" alt="01" />
			<img src="images/slider/02.png" alt="02" />

		</div>

Niestety po otworzeniu strony wyświetlają się obrazki 1 pod drugim, a slider nie działa.

Tak to wygląda:
user image

0

Sprawdź konsolę przeglądarki czy nie ma jakichś błędów, zapewne coś zrobiłeś źle, bez całego kodu (najlepiej linka do strony) ciężko cokolwiek więcej powiedzieć, skoro zrobiłeś niby wszystko, co trzeba.

0

błąd jest widoczny na pierwszy rzut oka, o tutaj:

<!-- slider -->
        <script type="text/javascript" language="javascript">
                $(document).ready(function() {
 
                        // Using default configuration
                        $("slider1-images").carouFredSel();
        });
        </script>

zamiast:

$("slider1-images").carouFredSel();

daj:

$("#slider1-images").carouFredSel();

powinno zadziałać

1 użytkowników online, w tym zalogowanych: 0, gości: 1