PSD-Tutorials.de
Forum für Design, Fotografie & Bildbearbeitung
Shop
Tutkit
Agentur
Hilfe
Kontakt
Start
Forum
Aktuelles
Foren durchsuchen
Tutorials
News
Anmelden
Kostenlos registrieren
Aktuelles
Suche
Suche
Nur Titel durchsuchen
Von:
Menü
Anmelden
Kostenlos registrieren
App installieren
Installieren
JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder einen
alternativen Browser
verwenden.
Antworten auf deine Fragen:
Neues Thema erstellen
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
MooTool Slider
Beitrag
<blockquote data-quote="zulu" data-source="post: 721046" data-attributes="member: 65436"><p>Hallo</p><p></p><p>Ich habe ein mächtiges Problem mit dem Mootool Slider </p><p>Dieses Hier :</p><p>Ich bekomme es zum verrecken nicht hin das der Slide erst geschlossen ist und erst beim Klick auf "Toggle" geöffnet wird.</p><p></p><p>Es schein daran zu liegen das ich durch den Code nicht wirklich durchblicke. </p><p>Ich würde den Slider gerne in eine Joomla Seite einbauen. Und genau da geht es scheinbar nicht.</p><p></p><p>Kann mir jemand helfen.</p><p></p><p>Hier ein Code bei dem es Klappt:</p><p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"></p><p><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"></p><p><head></p><p> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></p><p> <link rel="stylesheet" href="demo.css" type="text/css" /></p><p> <script type="text/javascript" src="../mootools.js"></script></p><p> <script type="text/javascript" src="demo.js"></script></p><p> <script type="text/javascript" type="text/javascript"></p><p>window.addEvent('domready',function() {</p><p> var myVerticalSlide = new Fx.Slide('vertical_slide');</p><p> myVerticalSlide.hide();</p><p> $('v_slidein').addEvent('click', function() {</p><p> myVerticalSlide.toggle();</p><p> }); </p><p>});</p><p> </script></p><p></p><p> <title>Fx.Slide Demo</title></p><p></head></p><p><body></p><p> <h1>Fx.Slide</h1></p><p> <h2>Introduction</h2></p><p> <p></p><p> Here goes a nice introduction</p><p> </p></p><p> <h3 class="section">Vertical</h3></p><p> <div class="marginbottom"></p><p> <a id="v_slideout" href="#">slide out</a></p><p> |</p><p> <a id="v_slidein" href="#">slide in</a></p><p> |</p><p> <a id="v_toggle" href="#">toggle</a></p><p> |</p><p> <a id="v_hide" href="#">hide</a></p><p> |</p><p> <a id="v_show" href="#">show</a></p><p> | <strong>status</strong>: <span id="vertical_status">open</span></p><p> </div></p><p> <div id="vertical_slide"></p><p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p> </div></p><p> <h3 class="section">Horizontal</h3></p><p> <div class="marginbottom"></p><p> <a id="h_slideout" href="#">slide out</a></p><p> |</p><p> <a id="h_slidein" href="#">slide in</a></p><p> |</p><p> <a id="h_toggle" href="#">toggle</a></p><p> |</p><p> <a id="h_hide" href="#">hide</a></p><p> |</p><p> <a id="h_show" href="#">show</a></p><p> | <strong>status</strong>: <span id="horizontal_status">open</span></p><p> </div></p><p> <div id="horizontal_slide"></p><p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p><p> </div></p><p></body></p><p></html></p><p></p><p>Und bei diesem Hier geht es nicht mehr:</p><p></p><p> <link rel="stylesheet" href="<?php echo $mosConfig_live_site;?>/templates/wmDarkblue/demo.css" type="text/css" /></p><p> <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/wmDarkblue/mootools.js"></script></p><p> <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/wmDarkblue/demo.js"></script></p><p> <script type="text/javascript"></p><p> window.addEvent('domready',function() {</p><p> var myVerticalSlide = new Fx.Slide('vertical_slide');</p><p> myVerticalSlide.hide();</p><p> $('v_slidein').addEvent('click', function() {</p><p> myVerticalSlide.toggle();</p><p> }); </p><p>});</p><p> </script></p><p><link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" /></p><p><!--[if lte IE 6]></p><p><link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie.css" rel="stylesheet" type="text/css" /></p><p><![endif]--></p><p></head></p><p><div id="vertical_slide"><div class="wrapper"></p><p> <?php mosLoadModules ( 'user4', -1 ); ?></div></p><p> </div></p><p> <div class="marginbottom"></p><p> <a id="v_slideout" href="#">slide out</a></p><p> |</p><p> <a id="v_slidein" href="#">slide in</a></p><p> |</p><p> <a id="v_toggle" href="#">toggle</a></p><p> |</p><p> <a id="v_hide" href="#">hide</a></p><p> |</p><p> <a id="v_show" href="#">show</a></p><p> | <strong>status</strong>: <span id="vertical_status">open</span></p><p> </div></p><p> <div id="body"></p><p><div class="container"></p><p>..........</p><p></p><p>was mache ich Falsch. Wäre sehr Dankbar für eure Hilfe</p></blockquote><p></p>
[QUOTE="zulu, post: 721046, member: 65436"] Hallo Ich habe ein mächtiges Problem mit dem Mootool Slider Dieses Hier : Ich bekomme es zum verrecken nicht hin das der Slide erst geschlossen ist und erst beim Klick auf "Toggle" geöffnet wird. Es schein daran zu liegen das ich durch den Code nicht wirklich durchblicke. Ich würde den Slider gerne in eine Joomla Seite einbauen. Und genau da geht es scheinbar nicht. Kann mir jemand helfen. Hier ein Code bei dem es Klappt: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="demo.css" type="text/css" /> <script type="text/javascript" src="../mootools.js"></script> <script type="text/javascript" src="demo.js"></script> <script type="text/javascript" type="text/javascript"> window.addEvent('domready',function() { var myVerticalSlide = new Fx.Slide('vertical_slide'); myVerticalSlide.hide(); $('v_slidein').addEvent('click', function() { myVerticalSlide.toggle(); }); }); </script> <title>Fx.Slide Demo</title> </head> <body> <h1>Fx.Slide</h1> <h2>Introduction</h2> <p> Here goes a nice introduction </p> <h3 class="section">Vertical</h3> <div class="marginbottom"> <a id="v_slideout" href="#">slide out</a> | <a id="v_slidein" href="#">slide in</a> | <a id="v_toggle" href="#">toggle</a> | <a id="v_hide" href="#">hide</a> | <a id="v_show" href="#">show</a> | <strong>status</strong>: <span id="vertical_status">open</span> </div> <div id="vertical_slide"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> <h3 class="section">Horizontal</h3> <div class="marginbottom"> <a id="h_slideout" href="#">slide out</a> | <a id="h_slidein" href="#">slide in</a> | <a id="h_toggle" href="#">toggle</a> | <a id="h_hide" href="#">hide</a> | <a id="h_show" href="#">show</a> | <strong>status</strong>: <span id="horizontal_status">open</span> </div> <div id="horizontal_slide"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> </body> </html> Und bei diesem Hier geht es nicht mehr: <link rel="stylesheet" href="<?php echo $mosConfig_live_site;?>/templates/wmDarkblue/demo.css" type="text/css" /> <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/wmDarkblue/mootools.js"></script> <script type="text/javascript" src="<?php echo $mosConfig_live_site;?>/templates/wmDarkblue/demo.js"></script> <script type="text/javascript"> window.addEvent('domready',function() { var myVerticalSlide = new Fx.Slide('vertical_slide'); myVerticalSlide.hide(); $('v_slidein').addEvent('click', function() { myVerticalSlide.toggle(); }); }); </script> <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" /> <!--[if lte IE 6]> <link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_ie.css" rel="stylesheet" type="text/css" /> <![endif]--> </head> <div id="vertical_slide"><div class="wrapper"> <?php mosLoadModules ( 'user4', -1 ); ?></div> </div> <div class="marginbottom"> <a id="v_slideout" href="#">slide out</a> | <a id="v_slidein" href="#">slide in</a> | <a id="v_toggle" href="#">toggle</a> | <a id="v_hide" href="#">hide</a> | <a id="v_show" href="#">show</a> | <strong>status</strong>: <span id="vertical_status">open</span> </div> <div id="body"> <div class="container"> .......... was mache ich Falsch. Wäre sehr Dankbar für eure Hilfe [/QUOTE]
Bilder bitte
hier hochladen
und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Zitate einfügen…
Authentifizierung
Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das zweite Wort!
Antworten
Start
Forum
Contest-Bereich - 2D, 3D & Fotografie
2D-Contests - Monatscontests, User-Battles, ...
MooTool Slider
Oben