Több script használtata

Több script használtata
2012-03-08T13:44:13+01:00
2012-03-08T18:32:49+01:00
2022-11-24T23:30:39+01:00
qpassa
Sziasztok !

van egy kis problémám
szeretnék egy Jqueryt beletenni egy oldalba, de az már használ egy CSS filet egy másik Jquery
ez a Jquery:
jQuery plugins - Sweet Thumbnails Preview Gallery - Demo { www.jquery-plugins.hu }

most az én html-em eleje így néz ki:

<!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" lang="hu" xml:lang="hu"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <title>körtetér</title> <link href="index/mycms.css" rel="stylesheet" type="text/css" /> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"> <link rel="stylesheet" type="text/css" media="screen" href="menu/menu/css/layout1.css"> <link rel="stylesheet" type="text/css" media="screen" href="menu/menu/css/dock-example1.css"> <noscript> <style type="text/css"> #dock { top: -32px; } a.dock-item { position: relative; float: left; margin-right: 10px; } .dock-item span { display: block; } </style> </noscript> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="menu/menu/js/fisheye-iutil.min.js"></script> <script type="text/javascript" src="menu/menu/js/dock-example1.js"></script> </head>
szeretném beletenni ezt:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Sweet Thumbnails Preview Gallery - Demo { www.jquery-plugins.hu }</title> <link type="text/css" rel="stylesheet" href="css/style.css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.sweet.thumbnails.js"></script>
ez egy képnézegető
de mikor beleteszem akkor csak megjelenik egy "töltés" a képernyő közepén mintha beakarná tölteni a képeket de aztán semmi.
és össze is akadnak
Köszönöm
Mutasd a teljes hozzászólást!
Keress meg PRIVÁT üzenetben!
Mutasd a teljes hozzászólást!

  • Miért töltesz be két "jquery.min.js"/"jquery.js" fájlt?
    Miért nem egyszer és a legfrissebb verziót?
    Megj: A legfrissebb ITT elérhető...
    Mutasd a teljes hozzászólást!
  • :) igazad van
    de sajnos így sem tölti be a képnézegetőt
    csak a töltés jel forog a képernyő közepén :(
    nem értem :(
    Mutasd a teljes hozzászólást!
  • Adj egy linket, hogy meg lehessen nézni!
    De ne a lelőhelyét a beillesztett kódnak, hanem a tied...
    Mutasd a teljes hozzászólást!
  • még nem töltöttem fel:( majd kell regisztrálnom

    most betölti a képeket de sajnos nem jeleníti meg a képnézegetőt csak a képeket és külön oldalra nyitja meg:(
    Mutasd a teljes hozzászólást!
  • Nézd meg Chrome alatt az oldaladat, SHIFT+j
    A Consol-ban látod az esetleges hibákat. Lehet, hogy úgy könnyebben rájössz a megoldásra.
    Mutasd a teljes hozzászólást!
  • köszönöm megnézem
    igazából
    ez egy kosárlabda honlap lesz majd.
    van négy lap:
    főoldal
    elérhetőság
    képek
    statisztikák

    és a kinézet miatt minden oldalon ugyan azt használom csak a képeknél ez a képnézegető ujabb js használ és emiatt akad össze.
    mit linkeljek be amivel többet láttok?
    még nem használtam js-t ezelőtt
    Köszönöm
    Mutasd a teljes hozzászólást!
  • Először is ezt
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Sweet Thumbnails Preview Gallery - Demo { www.jquery-plugins.hu }</title>
    nem tetted be a meglévők mellé?
    Másodszor megnézted a DEMO-ban, hogy csak egy CSS-fájlban van a szükséges formázás?
    A te adataidnak megfelelnek az elérési utak mindenhol?
    STB...STB..hibakeresés módszere(HIBAKONZOL!!!)...
    Mutasd a teljes hozzászólást!
  • így néz ki a kepek.php

    <!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" lang="hu" xml:lang="hu"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <title>bambuszlabda</title> <link href="index/mycms.css" rel="stylesheet" type="text/css" /> <meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8"> <link rel="stylesheet" type="text/css" media="screen" href="menu/menu/css/layout1.css"> <link rel="stylesheet" type="text/css" media="screen" href="menu/menu/css/dock-example1.css"> <noscript> <style type="text/css"> #dock { top: -32px; } a.dock-item { position: relative; float: left; margin-right: 10px; } .dock-item span { display: block; } </style> </noscript> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="menu/menu/js/fisheye-iutil.min.js"></script> <script type="text/javascript" src="menu/menu/js/dock-example1.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Sweet Thumbnails Preview Gallery - Demo { www.jquery-plugins.hu }</title> <link type="text/css" rel="stylesheet" href="css/style.css" media="screen" /> <script type="text/javascript" src="js/jquery.sweet.thumbnails.js"></script> </head> <body> <div id="wrapper"> <div id="header"> </div> <div id="menu"> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/hu_HU/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <p><fb:login-button registration-url="http://developers.facebook.com/docs/user_registration" on-login="console.log(arguments)" /></p> <ul> <div class="fb-like-box" data-href="http://www.facebook.com/pages/bambuszlabda" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div> </ul> </div> <div class="wrap background"> <!-- BEGIN DOCK 1 ============================================================ --> <div id="dock"> <div class="dock-container"> <a class="dock-item" href="index.php"><span>Főoldal</span><img src="menu/menu/images/dock/4_32.png" alt="home" /></a> <a class="dock-item" href="elerhetosegek.php"><span>Elérhetőségek</span><img src="menu/menu/images/dock/FaceBook_48x48.png" alt="contact" /></a> <a class="dock-item" href="kepek.php"><span>Képek</span><img src="menu/menu/images/dock/clipping_picture.png" alt="portfolio" /></a> <a class="dock-item" href="statisztikak.php"><span>Statisztikák</span><img src="menu/menu/images/dock/2_48.png" alt="music" /></a> </div><!-- end div .dock-container --> </div><!-- end div .dock #dock --> <!-- END DOCK 1 ============================================================ --> </div><!-- end div #footer --> <div id="content"> <h2>Képek:</h2> <div class="container"> <div id="loader" class="loader"></div> <div id="ps_container" class="ps_container"> <div class="ps_image_wrapper"><img src="images/img1.jpg" alt="" /></div> <div class="ps_next"></div> <div class="ps_prev"></div> <ul class="ps_nav"> <li class="selected"><a href="images/img1.jpg" rel="images/thumb-1.jpg">Kép 1</a></li> <li><a href="images/img2.jpg" rel="images/thumb-2.jpg">Kép 2</a></li> <li><a href="images/img3.jpg" rel="images/thumb-3.jpg">Kép 3</a></li> <li><a href="images/img4.jpg" rel="images/thumb-4.jpg">Kép 4</a></li> <li><a href="images/img5.jpg" rel="images/thumb-5.jpg">Kép 5</a></li> <li class="ps_preview"> <div class="ps_preview_wrapper"></div> <span></span> </li> </ul> </div> </div> <p><a href="#header">Vissza az oldal tetejére...</a></p> </div> <div id="footer"> <p>&copy; P</p> </div> </div> </body> </html>
    Mutasd a teljes hozzászólást!
  • Gondolod, hogy ezt valaki is ki tudja/fogja próbálni a hibakeresés céljából?
    Link kellene, ahol működik, ha hibásan is...
    Mutasd a teljes hozzászólást!
  • rendben feltöltöm
    Mutasd a teljes hozzászólást!
  • Mutasd a teljes hozzászólást!
  • Először szüntesd meg az "1 hiba 22 figyelmeztetés"-t
    Utána nézd meg, hogy minden benne van-e az oldalad kódjában, ami a következő egyszerűsített DEMO-ban benne van, a két JS-fájl, a két CSS-fájl tartalma és a képek megfelelő elérésűek-e...
    <!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="hu"><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery plugins - Sweet Thumbnails Preview Gallery - Demo { www.jquery-plugins.hu }</title> <link type="text/css" rel="stylesheet" href="sweet-thumbnails_elemei/demo.css" media="screen"> <link type="text/css" rel="stylesheet" href="sweet-thumbnails_elemei/style.css" media="screen"> <script type="text/javascript" src="sweet-thumbnails_elemei/jquery-1.6.js"></script> <script type="text/javascript" src="sweet-thumbnails_elemei/jquery.sweet.thumbnails.js"></script> </head> <body style="text-align:center;"> <div style="width:800px;margin:200px auto;border:1px solid green;"> <h2>Példa</h2> <div id="loader" class="loader"></div> <div id="ps_container" class="ps_container" style="border:1px solid red;"> <div class="ps_image_wrapper"><img src="sweet-thumbnails_elemei/img1.jpg" alt="" /></div> <div class="ps_next"></div> <div class="ps_prev"></div> <ul class="ps_nav"> <li class="selected"><a href="sweet-thumbnails_elemei/img1.jpg" rel="sweet-thumbnails_elemei/thumb-1.jpg">Kép 1</a></li> <li><a href="sweet-thumbnails_elemei/img2.jpg" rel="sweet-thumbnails_elemei/thumb-2.jpg">Kép 2</a></li> <li><a href="sweet-thumbnails_elemei/img3.jpg" rel="sweet-thumbnails_elemei/thumb-3.jpg">Kép 3</a></li> <li><a href="sweet-thumbnails_elemei/img4.jpg" rel="sweet-thumbnails_elemei/thumb-4.jpg">Kép 4</a></li> <li><a href="sweet-thumbnails_elemei/img5.jpg" rel="sweet-thumbnails_elemei/thumb-5.jpg">Kép 5</a></li> <li class="ps_preview"><div class="ps_preview_wrapper"></div><span></span></li> </ul> </div> <div class="clearFix"></div> </div> </body></html>
    Ez a minimális oldal-kód tökéletesen működik...
    Mutasd a teljes hozzászólást!
  • ezt sajnos én nem látom "1 hiba 22 figyelmeztetés" hol találom meg?
    beleillesztettem de nekem nem működik :(
    (demo.css nem is találtam)

    feltöltöm újra az oldalra most hogy néz ki
    sajnos összeakad
    Mutasd a teljes hozzászólást!
  • Keress meg PRIVÁT üzenetben!
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd