Slider probléma
Üdv! Kis gondom akadt a slider-ekkel. Kipróbáltam több félét, de egyik sem működik. Próbáltam már kiszűrni a hibát, minden mást letiltottam (css, google-analistic, cufon), de így sem akar működni. Mellékelem a forráskódot, hátha ti ügyesebbek lesztek és megtaláljátok a hibát. Ja és W3C validátorra is ráuszítottam az is hibátlannak észlelte.
Itt a kód:A slidert direkt így hívtam meg, mert az eredeti $(document).ready(function()-el szintén nem működött, és írták, hogy talán ez megoldja a problémát.
az oldal itt található: http://balatonfashionmodels.com
■ Itt a kód:
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
- <title>Balaton Fashion Models</title>
- <link href="css/style.css" rel="stylesheet" type="text/css" />
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript" src="js/cufon-yui.js"></script>
- <script type="text/javascript" src="js/Segoe_UI_400.font.js"></script>
- <script type="text/javascript" src="js/coin-slider.js"></script>
- <link rel="stylesheet" href="js/coin-slider-styles.css" type="text/css" />
- </head>
- <script type="text/javascript">
- Cufon.CSS.ready(function() {
- $('#slide').coinslider({ height: 498, width:1204, navigation: true, links:false });
- });
- </script>
- <body>
- <div id="top_line">
- <img src="images/social_network.png" alt="social" style="margin-bottom:8px; margin-left:auto; padding-left:420px; margin-right:20px;" />
- <input type="text" name="search" id="search" /><img src="images/search_logo.png" alt="src" style="margin-left:10px; margin-bottom:8px;" />
- <?php
- if (isset($_GET['lng']) && !empty($_GET['lng']))
- {
- $nyelv = $_GET['lng'];
- $lang = parse_ini_file("lang/".$nyelv.".ini");
- echo '<div class="nyelv">
- <label onclick="window.location.href=\'?lng=hu\'">'.$lang['Hungary'].'</label>
- <label onclick="window.location.href=\'?lng=en\'">'.$lang['English'].'</label>
- </div>';
- }
- else
- {
- $nyelv = "hu";
- $lang = parse_ini_file("lang/".$nyelv.".ini");
- echo '<div class="nyelv">
- <label onclick="window.location.href=\'?lng=hu\'">'.$lang['Hungary'].'</label>
- <label onclick="window.location.href=\'?lng=en\'">'.$lang['English'].'</label>
- </div>';
- }
- ?>
- </div>
- <div id="page_header">
- <div class="center">
- <div id="logo">
- <a href="http://balatonfashionmodels.com"><img src="images/logo.PNG" alt="logo" /></a>
- </div>
- <div id="page_menu">
- <?php
- require_once("include/menu.php");
- ?>
- </div>
- </div>
- </div>
- <div id="page_bodybox">
- <div id="slide">
- <img src="images/slider_1.png" alt="model_name" />
- <img src="images/BFM_ slide2.jpg" alt="model_name2" />
- </div>
- <div id="bottom">
- <div class="center">
- <h2>Üdvözöljük a <label>Balaton Fashion Models</label> honlapján!</h2>
- <div id="left">
- <p>
- Ügynökségünk viszonylag újnak számít a hazai piacon, de kollégáink több hazai modellügynöskég meghatározó alakjai voltak az elmúlt 10 évben, így szakmai tapasztalatban felvesszük a versenyt a hazai elit ügynökségekkel. Alapvető célkitűzésünk az új modellek felkutatása, és professzionális menedzselése, mind a hazai, mind a külföldi piacokon. Ügynökségünk egyedülállóan nem csak a két fő kategóriával (fotó – kifutó modell) foglalkozik, hanem alacsony hölgyek esetében arcmodellekkel is!
- </p>
- </div>
- <div id="right">
- <p>
- Tevéknyeségi körünket tekintve foglalkozunk teljeskörű modell managementel, a megrendelői oldalról pedig modell/hostess közvetítéssel, divat, címlap, illetve katalógusfotózással, kampányok, reklámok és weboldalak tervezésével, szerkesztésével és lebonyolításával is. Amennyiben modellnek szeretnél jelentkezni, a „Jelentkezés” menüpont alatt tudsz.
- </p>
- </div>
- </div>
- </div>
- <div id="footer">
- <p style="width:956px; text-align:center; margin:auto;"><a href="#">Rólunk</a> > <a href="#">Modellek</a> > <a href="#">Produkciós Csapat</a> > <a href="#">Jelentkezés</a> > <a href="#">Casting Lista</a></p>
- </div>
- <div id="under_footer">
- <p style="width:956px; text-align:right; margin:auto;">2012 Balaton Fashion Models | Minden jog fenntartva.</p>
- </div>
- </div>
- <script type="text/javascript">
- Cufon.set('fontFamily', 'Segoe UI');
- Cufon.replace('#page_menu');
- Cufon.replace('.center h2');
- Cufon.replace('.center label');
- Cufon.replace('#footer a');
- Cufon.replace('#under_footer p');
- Cufon.replace('.nyelv label');
- Cufon.now();
- </script>
- </body>
- </html>
az oldal itt található: http://balatonfashionmodels.com
Működik
Magyarázd el légy szíves,
Alternatíva
Nagyjából nézegettem, bár a
Kisebb fa
Lehet ez akár egy régebbi ("butább") verzió, amivel megcsinálod az első saját "slider-edet", ezzel megtanulod - nagyjából -, hogy hogyan is műxik ez a dolog.
Utána érdemes nekifogni a bonyolultabb, mások által fejlesztett cuccosoknak, ha már van némi fogalmad a működésről.
Másképp lehet, hogy évek alatt sem jössz rá a dolgok nyitjára, legfeljebb véletlenül sikerül működésre bírnod. Legyen igényed arra, hogy értsd amit csinálsz, akkor képes leszel fejlődni.
Jogos Pepita. Viszont sajnos