Code:
<?php echo $this->doctype; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<base href="<?php echo $this->base; ?>">
</base>
<title><?php echo $this->pageTitle; ?>-<?php echo $this->mainTitle; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<?php echo $this->robots; ?><?php echo $this->framework; ?><?php echo $this->stylesheets; ?>
<script type="text/javascript" src="plugins/mootools/mootools-core.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools-more.js"></script>
<?php echo $this->head; ?>
Bis hier ist ja alles Standardmäßig von Typolight.
Ab hier beginnt die einbindung des ImageMenu Scripts
Code:
<link rel="stylesheet" href="./tl_files/kortemme/imageMenu/css/imageMenu.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.2.4/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="./tl_files/kortemme/imageMenu/js/fx.elements.js"></script>
<script type="text/javascript" src="./tl_files/kortemme/imageMenu/js/imageMenu.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
var basicMenu = new ImageMenu($$('#imageMenuBasic a'),{
openWidth:310,
border:2
});
var advancedMenu = new ImageMenu($$('#imageMenuAdvanced a'),{
openWidth:310,
border:2,
open: 1,
OnOpen: function(el, i){
$('log').set('html', 'menu item <b>opened:</b> <br />link: {element} <br />this is number {num} in the list'.substitute({element: el, num: (i+1)}));
},
OnClose: function(el, i){
$('log').set('html', 'menu item <b>closed</b>: <br />link: {element} <br />this is number {num} in the list'.substitute({element: el, num: (i+1)}));
},
OnClickOpen: function(el, i){
$('log').set('html', 'menu item <b>clicked open</b>: <br />link: {element} <br />this is number {num} in the list'.substitute({element: el, num: (i+1)}));
},
OnClickClose: function(el, i){
$('log').set('html', 'menu item <b>clicked close</b>: <br />link: {element} <br />this is number {num} in the list'.substitute({element: el, num: (i+1)}));
}
});
});
</script>
</head>
Hier ist die Navigation eingebunden
Code:
<div class="navi">
<div id="imageMenuBasic" class="imageMenu">
<ul>
<li class="startseite"><a href="index.php">Startseite</a></li>
<li class="ueber_uns"><a href="index.php/ueber-uns.html">Über uns</a></li>
<li class="leistungen"><a href="index.php/leistungen.html">Leistungen</a></li>
<li class="zubehoer"><a href="index.php/zubehoer.html">Zubehör</a></li>
<li class="referenzen"><a href="index.php/referenzen.html">Referenzen</a></li>
<li class="kontakt"><a href="index.php/kontakt.html">Kontakt</a></li>
<li class="impressum"><a href="index.php/impressum.html">Impressum</a></li>
</ul>
</div>
</div>
und hier natürlich noch der Codeschnippsel von Typolight um die Lightbox überhaupt verwenden zu können. Wie gesagt, sobald ich das ImageMenu rausnehme geht die Multibox
Code:
<!-- indexer::stop -->
<img src="<?php echo $this->base; ?>cron.php" alt="" class="invisible" />
<!-- indexer::continue -->
<?php echo $this->mootools; ?>
<?php if ($this->urchinId): ?>
<script type="text/javascript" src="<?php echo $this->urchinUrl; ?>"></script>
<script type="text/javascript">
<!--//--><![CDATA[//><!--
try {
var pageTracker = _gat._getTracker("<?php echo $this->urchinId; ?>");
pageTracker._trackPageview();
} catch(err) {}
//--><!]]>
</script>
<?php endif; ?>
</body>
</html>
Ich danke vielmals für deine mühe!
Verwendung von ImageMenu und der Lightbox
Zitieren
Zitat von bajdin
Lesezeichen