Skocz do zawartości

Polecane posty

Witam

Mam pytanie .Pobrałem z tej strony http://www.artfans.info/index.php/simple-cool-and-useful-jquery-images-gallery-slider/ nr 10

Create Beautiful jQuery slider tutorial ale po dodaniu kodu nie działa SB domyślam się że jest konflikt ale nie umiem i nie wiem gdzie go wstawić

o to kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

 <head>

  <title>jquery sliders</title>

  <link rel="stylesheet" href="style.css" type="text/css" media="screen" />

  <script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>

  <script type="text/javascript" src="js/jquery.js"></script>

  <script type="text/javascript" src="js/scripts.js"></script>

 </head>

 <body>


  <!--/top-->

  <div id="header"><div class="wrap">

   <div id="slide-holder">

<div id="slide-runner">

    <a href=""><img id="slide-img-1" src="images/nature-photo.png" class="slide" alt="" /></a>

    <a href=""><img id="slide-img-2" src="images/nature-photo1.png" class="slide" alt="" /></a>

    <a href=""><img id="slide-img-3" src="images/nature-photo2.png" class="slide" alt="" /></a>

    <a href=""><img id="slide-img-4" src="images/nature-photo3.png" class="slide" alt="" /></a>

    <a href=""><img id="slide-img-5" src="images/nature-photo4.png" class="slide" alt="" /></a>

    <a href=""><img id="slide-img-6" src="images/nature-photo4.png" class="slide" alt="" /></a>

	<a href=""><img id="slide-img-7" src="images/nature-photo6.png" class="slide" alt="" /></a> 

    <div id="slide-controls">

     <p id="slide-client" class="text"><strong>post: </strong><span></span></p>

     <p id="slide-desc" class="text"></p>

     <p id="slide-nav"></p>

    </div>

</div>


	<!--content featured gallery here -->

   </div>

   <script type="text/javascript">

    if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}];

   </script>

  </div></div><!--/header-->

 </body>

</html>

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Używasz wersji noConflict ? bo ten plik normalnie nie jest noConflict więc musisz go poprzerabiać

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

nie jest noConflict a chcę przerobić ale nie wiem jak dokładnie...

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Posiadam owy kod

<script type="text/javascript" src="images/dock/js/jquery.js"></script>

<script type="text/javascript" src="images/dock/js/interface.js"></script>


<link href="images/dock/style.css" rel="stylesheet" type="text/css" />


<!--[if lt IE 7]>

<style type="text/css">

.dock img { behavior: url(iepngfix.htc) }

</style> 

czy może mi ktoś podać gdzie wstawić jQuery.noConflict();

Ja nie daje rady..

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Po deklaracji tego:

<script type="text/javascript" src="images/dock/js/jquery.js"></script>
<script type="text/javascript" src="images/dock/js/interface.js"></script>[/code]

ale to nie zmienia faktu, że aby Ci działały jakieś zewnętrzne biblioteki albo coś to trzeba będzie je też poprzerabiać. Ale o tym może napiszę jakiś tutorial, bo sam będę musiał się zabrać za przerabianie takich bibliotek dla jednego klienta

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Z powyższym dałem sobie spokój , ale z tym od kilku dni się męczę i nic..

może mi ktoś podać prawidłowy kod do tego..?

<link type="text/css" href="./css/style.css" rel="stylesheet" />

<script src="./js/libs/jquery-1.5.min.js"></script>

<script src="./js/jquery.easing.1.3.js"></script>

<script src="./js/jquery.roundabout.min.js"></script>

<script src="./js/script.js"></script>

<body class="home-page">

    <div id="container">

        <header>

 <div class="roundabout-row">

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Napisałem Ci wyżej co musisz zrobić. Po pierwsze musisz przerobić cały plugin na wersję noConflict jeśli nie jest przerobiony.

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Napisałem Ci wyżej co musisz zrobić. Po pierwsze musisz przerobić cały plugin na wersję noConflict jeśli nie jest przerobiony.

No i tu jest problem bo nie wiem jak Męczę się i męczę ale tego nie umie.....

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

dodaj po

<script src="./js/script.js"></script>
[/code]

i będzie śmigać

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

  • Kto przegląda   0 użytkowników

    Brak zalogowanych użytkowników przeglądających tę stronę.

×

Ważne informacje

Kontynuując przeglądanie strony, wyrażasz zgodę na używanie przez nas plików cookies.