kostenloser Webspace werbefrei: lima-city

Javascript auf einen HTML-Bereich beschränken

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   doppeld

   doppeld hat kostenlosen Webspace.

   18:09, 26.7.2009

   Wie kann ich folgendes Script auf ein bestimmtes DIV beschränken?
   Es soll nur die Bilderlinks ansprechen, blockiert aber alle anderen Links.
   
   

   <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox.css" media="screen" />
   <script type="text/javascript" src="fancybox/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="fancybox/jquery.easing.1.3.js"></script>
   <script type="text/javascript" src="fancybox/jquery.fancybox-1.2.1.pack.js"></script>
   <script type="text/javascript">
    $(document).ready(function() {
   $("a").fancybox();
   });
   </script>

   
   

   <p style="margin:0px; padding:0px">
   <table border="1" cellspacing="0" cellpadding="2" width="590px">
   <tr align="center" valign="top">
   <td><a rel="group" title="Übersicht" href="galerie/1.jpg" ><img alt="bild_1" src="galerie/1.jpg" width="250" style="border:thin black solid;" /></a></td>
   <td><a rel="group" title="Zimmer" href="galerie/2.jpg" ><img alt="bild_2" src="galerie/2.jpg" width="250" style="border:thin black solid;" /></a></td>
   </tr>

   
   Hier noch der Link dazu http://web1.morloc.de/hotelmagnat_test/index.php?id=57

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. t*****b

   18:12, 26.7.2009

   Du spricht mit $("a") ja auch alle Liks an. Gebe den entsprechenden Links am besten eine Klasse und spreche sie über $(".klasse") an:
   
   

   <p style="margin:0px; padding:0px">
   <table border="1" cellspacing="0" cellpadding="2" width="590px">
   <tr align="center" valign="top">
   <td><a class="bildlink" rel="group" title="Übersicht" href="galerie/1.jpg" ><img alt="bild_1" src="galerie/1.jpg" width="250" style="border:thin black solid;" /></a></td>
   <td><a class="bildlink" rel="group" title="Zimmer" href="galerie/2.jpg" ><img alt="bild_2" src="galerie/2.jpg" width="250" style="border:thin black solid;" /></a></td>
   </tr>

   
   
   

   <script type="text/javascript">
    $(document).ready(function() {
   $(".bildlink").fancybox();
   });
   </script>

   
   
   Beitrag zuletzt geändert: 26.7.2009 18:13:34 von trueweb
4. Autor dieses Themas

   doppeld

   doppeld hat kostenlosen Webspace.

   18:18, 26.7.2009

   Wunderbar, genau sowas habe ich gesucht.
   Und es funktioniert wunderbar.
   Danke trueweb!
   
   Closed

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?