Slider probléma

aky22 · 2012. Nov. 3. (Szo), 18.20

Ü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:

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


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

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

■

HTML, CSS, JavaScript, Ajax

csirip

Működik

Poetro · 2012. Nov. 3. (Szo), 19.33

A kód működik, csak nem jól használod. El kellett volna talán olvasni a leírást. Nem megfelelő HTML-t biztosítottál számára.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Magyarázd el légy szíves,

aky22 · 2012. Nov. 3. (Szo), 19.45

Magyarázd el légy szíves, mert én hiába bújom a leírást nem jövök rá a hibára. Már beraktam úgy is, hogy egy linkben van benne a kép, ahogy a leírásban van, de úgysem jó. Már lassan kezdek megőrülni, kb. 2 hete ezzel szívok, és nem jövök rá szokásomhoz híven, hogy mi az anyám kínjáért nem akar működni.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Alternatíva

Hidvégi Gábor · 2012. Nov. 3. (Szo), 20.04

A slider forráskódját megnézted, hogy működik, mit vár?

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Nagyjából nézegettem, bár a

aky22 · 2012. Nov. 3. (Szo), 20.06

Nagyjából nézegettem, bár a Jquery nem az én asztalom, de még talán módosítottam is benne, a kinézet miatt. Hozzáteszem előtte sem működött

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Kisebb fa

Pepita · 2012. Nov. 5. (H), 00.19

Akkor talán közelebb vinne a megoldáshoz, ha első körben a jquery-vel kötnél közelebbi barátságot.
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.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Jogos Pepita. Viszont sajnos

aky22 · 2012. Nov. 5. (H), 20.41

Jogos Pepita. Viszont sajnos a JS-t sem szerettem sosem, így a Jquery-re már gondolni sem mertem. Azért is így csinálom, mert ez az egyszerűbb megoldás. Inkább PHP-ban vagyok jártas mint ebben. A designer meg csak odaadja a psd-t aztán a jóember meg kezdjen vele amit akar, mindezt silány pénzért. Na mind1 ha lesz egy kis leheletnyi szabadidőm akkor lehet nekilátok bevágni ezt a Jquery témát.

A hozzászóláshoz regisztráció és belépés szükséges
új téma

Weblabor

Keresés