Inwieweit so viel Animationen schön beziehungsweise sinnvoll sind sei einmal dahingestellt.
Technisch korrekt wird es jedenfalls mit den unten angepassten Code.
Ich habe hier einige Ungereimtheiten beseitigt.
1) Es wird zwar in der "Kopfzeile" in der Verwaltung von der Seite korrekt der Code eingelesen, doch die Kopfzeile eines CMS für JavaScript zu missbrauchen sehe ich als wenig sinnvoll an. Daher ist der Code nun eingebaut in der index.php
Gibt es Bedarf nach flexibler Anpassung in der Websitebaker Verwaltung bitte ich darum, sich näher mit Droplets zu beschäftigen.
2) Wie von mir vermutet werden beide Slider zwar korrekt definiert und deklariert, doch nirgendwo werden beide aufgerufen. Da beide den Namen "fadeimages" haben überschreibt der zweite Slider den ersten durch das "new Array()" natürlich. Dies macht das Wort "new" ja eben quer durch alle Programmiersprachen - "Endstation, bitte alle aussteigen" sagte hier der Schaffner, bevor wir den Omnibus namens fadeimages "new" mit Passagieren füllen können.
Wenn wir also bei demselben Omnibus erst alle aussteigen lassen, dann "befüllen", dann wieder alle aussteigen lassen, dann wieder "befüllen" sind die vorher nicht wieder darinnen. Also benötigen wir zwei leere Omnibusse, die genau aussehen, aber unterschiedliche Passagiere haben.
Daher habe ich aus "fadeimages" einmal "fadeimages1" und "fadeimages2" gemacht (dies soll es klarer machen, man hätte natürlich auch eines davon gleich lassen können). Damit die Leute respektive Bilder auch wissen wohin die Reise geht, müssen die Elemente alle angepasst werden.
3) Der zweite Omnibus wurde zwar befüllt, hat aber noch keine Station, wo er die Passagiere abliefern kann (hier leidet das Beispiel an Realitätsverlust, es dürfte aber klar sein, was gemeint ist). Daher wird für den zweiten Slider ein
an geeigneter Stelle eingefügt. Für den ersten muss natürlich "fadeimages1" genommen werden. Außer man möchte nur einen Slidernamen anpassen.
Hier folgt der Code. Bitte prüfen, ob auch die Slider an richtiger Stelle sind. Nicht böse werden, wenn alles zerhaut ist. Den ganzen Haltestellen-Block aus 3) für ersten und / oder zweiten Slider verschieben, bis es passt - leider fehlt mir gerade die Zeit, es 100%ig zu überprüfen.
4) Da ich gerade mich intensiv mit Regulären Ausdrücken beschäftige, habe ich einige Verschönerungen im Code vorgenommen beziehungsweise in meinen Augen unnötiges gelöscht.
<?php
if (!defined('WB_URL')) {
header('Location: ../index.php');
exit(0);
}
?><!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" xml:lang="en" lang="en">
<head>
<title>
<?php page_title(); ?><?php echo WEBSITE_TITLE; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=
<?php if (defined('DEFAULT_CHARSET')) {
echo DEFAULT_CHARSET;
} else {
echo 'utf-8';
} ?>" />
<meta name="description" content="
<?php page_description(); ?>" />
<meta name="keywords" content="
<?php page_keywords(); ?>" />
<link href="
<?php echo TEMPLATE_DIR; ?>/template.css" rel="stylesheet" type="text/css" />
<?php if (function_exists('register_frontend_modfiles')) {
register_frontend_modfiles('css');
register_frontend_modfiles('js');
} ?><script src="
<?php echo TEMPLATE_DIR; ?>/header.js" type="text/javascript"></script>
<!--Ultimate Fade-In Slideshow (v1.51): ? Dynamic Drive http://www.dynamicdrive.com This notice MUST stay intact for legal use Visit http://www.dynamicdrive.com/ for this script and 100s more.-->
<script type="text/javascript">
// Definition und Deklaration des Header-Sliders
var fadeimages1=new Array()
fadeimages1[0]=["http://www.scheiwi-sport.ch/media/escpro/snowboardweihnacht.jpg"]
fadeimages1[1]=["http://www.scheiwi-sport.ch/media/escpro/snowboardweihnacht.jpg"]
fadeimages1[2]=["http://www.scheiwi-sport.ch/media/escpro/dom_st.jpg", "index.php", ""]
fadeimages1[3]=["http://www.scheiwi-sport.ch/media/escpro/powder.jpg", "index.php", ""]
fadeimages1[4]=["http://www.scheiwi-sport.ch/media/escpro/skibrille_st.jpg", "index.php", ""]
fadeimages1[5]=["http://www.scheiwi-sport.ch/media/escpro/nauders_st.jpg", "index.php", ""]
fadeimages1[6]=["http://www.scheiwi-sport.ch/media/escpro/powder2_st.jpg", "index.php", ""]
fadeimages1[7]=["http://www.scheiwi-sport.ch/media/escpro/snowboard_matterhorn_st.jpg", ""]
fadeimages1[8]=["http://www.scheiwi-sport.ch/media/escpro/surfsnow.jpg", "index.php", ""]
fadeimages1[9]=["http://www.scheiwi-sport.ch/media/escpro/delphin_st.jpg", "index.php", ""]
fadeimages1[10]=["http://www.scheiwi-sport.ch/media/escpro/yanik_st.jpg", "index.php", ""]
fadeimages1[11]=["http://www.scheiwi-sport.ch/media/escpro/federer_st.jpg", "index.php", ""]
fadeimages1[12]=["http://www.scheiwi-sport.ch/media/escpro/snowboard_matterhorn_st.jpg", "index.php", ""]
fadeimages1[13]=["http://www.scheiwi-sport.ch/media/escpro/langlauf_st.jpg", "index.php", ""]
fadeimages1[14]=["http://www.scheiwi-sport.ch/media/escpro/schoeneben_st.jpg", "index.php", ""]
fadeimages1[15]=["http://www.scheiwi-sport.ch/media/escpro/downhill_st.jpg", "index.php", ""]
fadeimages1[16]=["http://www.scheiwi-sport.ch/media/escpro/kilimandscharo_st.jpg", "index.php", ""]
fadeimages1[17]=["http://www.scheiwi-sport.ch/media/escpro/manchester.jpg"]
// Definition und Deklaration des Startseiten-Sliders
var fadeimages2=new Array()
fadeimages2[0]=["http://www.scheiwi-sport.ch/templates/officetime/img/andy_snowboard.jpg", "index.php", ""]
fadeimages2[1]=["http://www.scheiwi-sport.ch/templates/officetime/img/cervinia_st.jpg", "index.php", ""]
fadeimages2[2]=["http://www.scheiwi-sport.ch/templates/officetime/img/delphin_st.jpg", "index.php", ""]
fadeimages2[3]=["http://www.scheiwi-sport.ch/templates/officetime/img/dom_st.jpg", "index.php", ""]
fadeimages2[4]=["http://www.scheiwi-sport.ch/templates/officetime/img/downhill_st.jpg", "index.php", ""]
fadeimages2[5]=["http://www.scheiwi-sport.ch/templates/officetime/img/federer_st.jpg", "index.php", ""]
fadeimages2[6]=["http://www.scheiwi-sport.ch/templates/officetime/img/head2_st.jpg", "index.php", ""]
fadeimages2[7]=["http://www.scheiwi-sport.ch/templates/officetime/img/lue_st.jpg", "index.php", ""]
fadeimages2[8]=["http://www.scheiwi-sport.ch/templates/officetime/img/langlauf_st.jpg", "index.php", ""]
fadeimages2[9]=["http://www.scheiwi-sport.ch/templates/officetime/img/manchester.jpg", "index.php", ""]
fadeimages2[10]=["http://www.scheiwi-sport.ch/templates/officetime/img/powder2_st.jpg", "index.php", ""]
fadeimages2[11]=["http://www.scheiwi-sport.ch/templates/officetime/img/powder.jpg", "index.php", ""]
fadeimages2[12]=["http://www.scheiwi-sport.ch/templates/officetime/img/skibrille_st.jpg", "index.php", ""]
fadeimages2[13]=["http://www.scheiwi-sport.ch/templates/officetime/img/snowboard_st.jpg", "index.php", ""]
fadeimages2[14]=["http://www.scheiwi-sport.ch/templates/officetime/img/snowboardweihnacht.jpg", "index.php", ""]
fadeimages2[15]=["http://www.scheiwi-sport.ch/templates/officetime/img/yanik_st.jpg", "index.php", ""]
fadeimages2[16]=["http://www.scheiwi-sport.ch/templates/officetime/img/snowboard_matterhorn_st.jpg", "index.php", ""]
var fadebgcolor="black"</script>
<!--[if lte IE 6]>
<style type="text/css" media="all">
@import "
<?php echo TEMPLATE_DIR; ?>/ie6.css";
body {behavior: url("
<?php echo TEMPLATE_DIR; ?>/csshover.htc");}
img, .pngtrans { behavior: url("
<?php echo TEMPLATE_DIR; ?>/hm_iepngfix.htc"); }
</style>
<?php register_frontend_modfiles('js'); ?><![endif]-->
</head>
<body>
<script src="http://www.scheiwi-sport.ch/snowflakes.js" type="text/javascript"></script>
<a id="top"></a>
<div class="stealth">
<a href="#beginContent">skip to content</a>
</div>
<div id="main">
<div id="header">
<div id="pageheader">
<script type="text/javascript">
// Eigentliche Darstellung des Header-Sliders
new fadeshow(fadeimages1, 850, 150, 0, 5000, 0)
</script>
</div>
</div><!-- end header -->
<div id="navContainer">
<div id="nav" class="pngtrans">
<?php show_menu2(0, SM2_ROOT, SM2_ALL, SM2_ALL,
'<li><a href="[url]" class="[class] navlev[level]">[menu_title]</a>', "</li>",
'<ul class="ullev[level]">', "</ul>", true, '<ul id="header_menu" class="menu">'); ?><br style="clear:left;"/>
</div><!-- end nav -->
</div><!-- end navContainer -->
<div id="breadcrumbs">
<script type="text/javascript">
// Eigentliche Darstellung des Startseiten-Sliders
new fadeshow(fadeimages2, 850, 150, 0, 5000, 0)
</script>
</div>
<div id="contentbox">
<br/>
<div id="infobox">
<!--beginn suche-->
<?php if (SHOW_SEARCH) { ?> <h3>Suche</h3>
<div id="searchesa">
<form class="searchform" name="search" action="
<?php echo
WB_URL . '/search/index' . PAGE_EXTENSION; ?>" method="get">
<p>
<input type="text" name="string" class="textbox" value="" />
<input type="submit" name="submit" value=" " class="button" />
</p>
</form> </div>
<?php } ?> <!--ende suche-->
<?php if (function_exists('displayNewsItems')) {
displayNewsItems();
} else {
echo '<p>No displayNewsItems install</p>';
} ?> <br/>
<div id="login-box" class="pngtrans">
<!-- Admin login Box -->
<?php
if (FRONTEND_LOGIN and !$wb->is_authenticated()) { //If begin
?> <form name="login" action="
<?php echo LOGIN_URL; ?>" method="post">
<fieldset class="topbox">
<div class="topboxbody">
<label for="username">
<?php echo $TEXT['USERNAME']; ?>:</label>
<input type="text" name="username" id="username" class="text" />
<label for="password">
<?php echo $TEXT['PASSWORD']; ?>:</label>
<input type="password" name="password" id="password" class="text" />
<input type="submit" name="submit" value="
<?php echo $TEXT['LOGIN']; ?>" class="submit" /><br />
<a href="
<?php echo FORGOT_URL; ?>">
<?php echo $TEXT['FORGOT_DETAILS']; ?></a>, <br />
<?php if (is_numeric(FRONTEND_SIGNUP)) { ?> <a href="
<?php echo SIGNUP_URL; ?>">
<?php echo $TEXT['SIGNUP']; ?></a>
<?php } ?> </div>
</fieldset>
</form>
<?php
} elseif (FRONTEND_LOGIN and $wb->is_authenticated()) { //elseIf begin
?> <form name="logout" action="
<?php echo LOGOUT_URL; ?>" method="post">
<fieldset class="topbox">
<div class="topboxbody">
<h3>
<?php echo $TEXT['WELCOME_BACK']; ?>,<br />
<?php echo $wb->
get_display_name(); ?></h3><br />
<h2>
<?php echo $TEXT['OPTION']; ?></h2><br />
<a href="
<?php echo PREFERENCES_URL; ?>">
<?php echo $MENU['PREFERENCES']; ?></a>
<a href="
<?php echo
ADMIN_URL; ?>">Verwaltung</a><br /><a href="
<?php echo
LOGOUT_URL; ?>">
<?php echo
$MENU['LOGOUT']; ?></a>
</div>
</fieldset>
</form>
<?php
}
?> <!-- end admin box -->
</div><!-- end login -->
</div><!-- end sideColumn -->
<div id="content">
<a id="beginContent"></a>
<!--h1 class="page_title">
<?php echo PAGE_TITLE; ?></h1-->
<?php page_content(); ?> <p>
<?php page_content(2); ?></p>
</div><!-- end content -->
</div><!-- end contentContainer -->
<div class="clearcontent"> </div>
</div><!-- end main -->
<div id="footerbox">
<div id="footer" class="pngtrans">
<span>
<?php page_footer(); ?></span><a href="#">Theme Redesigned by Suti</a>
</div>
<!--footer-->
<div id="footer-teil">
<div class="teil1">
<h3> </h3>
<!-- Bitte diese Links stehen lassen copireight-->
<p><a href="http://www.webarte.de/" target="_blank">Webarte</a><br/>
<a href="http://www.websitebaker.org/" target="_blank">Websitebaker</a><br>
<a href="http://www.escpro.de/" title="Websitebaker Templates" target="_blank">ESCPRO</a><br/>
</div>
<div class="teilmitte">
<h3>Partner</h3>
<ul>
<li><a href="http://www.intersport.ch" target="_blank" title="Intersport">Intersport</a><br/></li>
<li><a href="http://www.bodyworld.ch" target="_blank" title="Bodyworld">Bodyworld</a></li>
<li><a href="http://www.aquagym-nordicwalk.ch" target="_blank" title="Aquagym-Nordicwalk">Aquagym-Nordicwalk</a></li>
<li><a href="http://www.gradsnet.homeip.net/vks/" target="_blank" title="Kaenel Salutions">Von Kaenel Salutions</a></li>
</ul>
</div>
<div class="teil1">
<h3>Coole Links</h3>
<ul>
<li><a href="http://www.kampfbiker.ch" target="_blank" title="Kampfbiker">Kampfbiker</a></li>
<li><a href="http://www.camping-hostetten.ch" target="_blank" title="Camping-Hostetten">Camping-Hostetten</a></li>
</ul>
</div>
<!-- footer-columns ends -->
</div>
<!-- ende footer-->
</div><!-- footerbox -->
</body>
</html>
WebsiteBaker Community Forum
