Jump to content
groverr

jQuery na forum

Recommended Posts

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>

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Dokładnie to wstawiasz taki kod:

jQuery.noConflict();

a później zamieniasz wszystkie $ na jQuery.

Dokumentacja do tego: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

Share this post


Link to post
Share on other sites

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..

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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">

Share this post


Link to post
Share on other sites

Wstawiam koda ale mam konflikt a nie wiem jak mam wstawić jQuery.noConflict();

Share this post


Link to post
Share on other sites

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.....

Share this post


Link to post
Share on other sites

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

W celu świadczenie usług przez nasz Serwis na najwyższym poziomie, w ramach Serwisu wykorzystujemy pliki Cookies (tzw. ciasteczka). Korzystając ze stron Serwisu IPSBEYOND.PL bez zmiany ustawień przeglądarki będą one zapisane w pamięci urządzenia. Jeżeli nie dokonacie Państwo zmiany ustawień przeglądarki internetowej to wyrażacie zgodę na zapisywanie plików Cookies.