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