paddystyle
Neues Mitglied
Hallo, ich habe ein Problem das es wohl öfter gibt, leider finde ich bei mir den fehler nicht, ich habe zwei Javascripts auf einer Seite und die funktionieren nicht beide gleichzeitig.
Ich hab mir ein jquery lightbox in die Seite eingebaut, klappt auch alles, nur geht jetzt mein coin slider nicht mehr, der aber geht wenn ich die lightbox rausnehme kann mir einer sagen wo ran das liegt?
Ich hab mir ein jquery lightbox in die Seite eingebaut, klappt auch alles, nur geht jetzt mein coin slider nicht mehr, der aber geht wenn ich die lightbox rausnehme kann mir einer sagen wo ran das liegt?
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><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="css/style.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" type="text/css" href="css/coin-slider.css" /><script type="text/javascript" src="js/cufon-yui.js"></script><script type="text/javascript" src="js/cufon-times-700.js"></script><script type="text/javascript" src="js/jquery-1.4.2.min.js"></script><script type="text/javascript" src="js/script.js"></script><script type="text/javascript" src="js/coin-slider.min.js"></script>
<link rel="stylesheet" type="text/css" href="../style-projects-jquery.css" />
<!-- Arquivos utilizados pelo jQuery lightBox plugin -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
<!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
<!-- Ativando o jQuery lightBox plugin -->
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
<style type="text/css">
/* jQuery lightBox plugin - Gallery style */
#gallery {
background-color: #444;
padding: 10px;
width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }
</style></head><body><div class="main"> <div class="header"> <div class="header_resize"> <div class="searchform"></div> <div class="logo"> <h1><img src="images/HPlogo.jpg" width="960" height="117" /></h1> <p> </p> <p> </p> </div> <div class="clr"> <p> </p> <p> </p> <p> </p> </div> <div class="menu_nav"> <ul> <li class="active"><a href="index.html" target="_self"><span>Home</span></a></li> <li></li> <li><a href="paddy.html" target="_self"><span>Paddy?!</span></a></li> <li><a href="blog.html"><span>Gästebuch</span></a></li> <li><a href="gallery.html" target="_self"><span>Gallery</span></a></li> <li><a href="kontakt.html" target="_self"><span>Kontakt</span></a> </li> </ul> </div> <div class="clr"></div> <div class="slider"> <div id="coin-slider"> <a href="index.html">le<span></span></a><a href="#"><img src="images/slide1.jpg" width="960" height="360" alt="" /><span><big>Acryl- Bilder</big><br /> Die kräftigen Acryl- Farben leuchten auf einen mit Leine bezogenen Holzrahmen und bieten ideale Vorraussetzungen gerade für die abstrakte Malerei. In der Gallery finden sie weitere Bilder wie auch Informationen.</span></a> <a href="#"><img src="images/slide2.jpg" width="960" height="360" alt="" /><span><big>Zeichnungen</big><br /> Handzeichnungen auf unterschiedliche Papieruntergründe. Als Zeichenmittel kommen Graphit-, Blei- und Conté-Stifte in unterschiedlicher Härtegrade, wie auch Kohle zum Einsatz. In der Gallery finden sie weitere Bilder wie auch Informationen.</span></a> <a href="#"><img src="images/slide3.jpg" width="960" height="360" alt="" /><span><big>Pastell- Bilder</big><br /> Pastellmalerei ist eine Technik, bei der Pigmente auf einen Malgrund (Papier, Pappe, Leinwand) aufgetragen werden. Bei der Pastellmalerei mischen sich die Möglichkeiten des Zeichnens mit denen der Malerei. In der Gallery finden sie weitere Bilder wie auch Informationen.</span></a> </div><div class="clr"></div> </div> <div class="clr"></div> </div> </div> <div class="content"> <div class="content_resize"> <div class="mainbar"> <div class="article"> <h2><span>Acryl auf Leinwand</span></h2> <p class="infopost"> </p> <div id="gallery"> <ul>
<li>
<a href="photos/image1.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery').lightBox();">
<img src="photos/thumb_image1.jpg" width="72" height="72" alt="" />
</a>
</li>
<li>
<a href="photos/image2.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
<img src="photos/thumb_image2.jpg" width="72" height="72" alt="" />
</a>
</li>
<li>
<a href="photos/image3.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
<img src="photos/thumb_image3.jpg" width="72" height="72" alt="" />
</a>
</li>
<li>
<a href="photos/image4.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
<img src="photos/thumb_image4.jpg" width="72" height="72" alt="" />
</a>
</li>
<li>
<a href="photos/image5.jpg" title="Utilize a flexibilidade dos seletores da jQuery e crie um grupo de imagens como desejar. $('#gallery a').lightBox();">
<img src="photos/thumb_image5.jpg" width="72" height="72" alt="" />
</a>
</li>
</ul>
</div>
</div> </div> <div class="sidebar"> <div class="gadget"> <ul class="sb_menu"> <li><a href="index.html" target="_self">Home</a></li> <li>Gästebuch</li> <li><a href="gallery.html" target="_self">Gallery</a></li> <li><a href="paddy.html" target="_self">Paddy?!</a></li> <li><a href="kontakt" target="_self">Kontakt</a></li> <li><a href="impressum" target="_self">Impressum</a></li> </ul> </div> <div class="gadget"> <h2 class="star">Links</h2> <div class="clr"></div> <ul class="ex_menu"> <li><a href="http://www.alabach.de" target="_blank">Alabach S</a><a href="http://www.alabach.de">chränzer</a><br /> Guggenmusik Altbach</li> <li><a href="http://www.raumportal24.de" target="_blank">Raumportal24</a><br /> Finen Sie Ihren Raumausstatter</li> <li></li> </ul> </div> </div> <div class="clr"></div> </div> </div> <div class="fbg"> <div class="fbg_resize"> <div class="clr"><iframe src="http://;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowtransparency="true"></iframe></div> </div> </div> <div class="footer"> <div class="footer_resize"> <p class="lf">© Copyright <a href="#"></a>.</p> <div style="clear:both;"></div> </div> </div></div></body></html>
