Tutorial HTML, CSS u. PHP - Forum

[kanufrosch]

Hey Leuts so lasse ich mich auch mal wieder blicken, und habe auch vor mich wieder öfters blicken zu lassen ;)

So nun aber zu meinem Problem: Ich nutze zum Stylen eines Select-Feldes jQuery bzw. jQueryUI nun möchte ich noch eine Lightbox, welche mithilfe von jQuery betrieben werden sollte, benutzen. Sie heißt fancybox (http://fancybox.net/). Das Problem ist das die Bilder statt in der Box einfach im Browser geöffnet werden Hier mal ein Ausschnitt aus meinem Head-Teil:

Code: Alles auswählen

      <link type="text/css" href="themes/base/jquery.ui.all.css" rel="stylesheet">
      <link type="text/css" href="themes/base/jquery.ui.selectmenu.css" rel="stylesheet">
      <link type="text/css" href="css/jqueryui.css" rel="stylesheet" >
      <link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen">
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
      <script type="text/javascript" src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
      <script type="text/javascript" src="js/request.js"></script>
      <script type="text/javascript" src="ui/jquery.ui.core.js"></script>
      <script type="text/javascript" src="ui/jquery.ui.widget.js"></script>
      <script type="text/javascript" src="ui/jquery.ui.position.js"></script>
      <script type="text/javascript" src="ui/jquery.ui.selectmenu.js"></script>
      <script type="text/javascript">
      $(document).ready(function() {
      $("a#imgbox").fancybox()
      });

(Ja sehr viel Js ich weiß ... und evtl. auch nicht sehr performance fördernd, aber eig. sollte es trotzdem funktionieren)

So und hier mein Bild

Code: Alles auswählen

<td height="70px" align="center" width="70px" valign="middle" id=""><a id="imgbox" href="images/themes/Architektur/verkleinert-FIL04832.JPG"><img height="60" width="90" alt="" src="images/themes/Architektur/verkleinert-FIL04832.JPG"/></a></td>

So steht es nachher im Browser, alelrdings wird die Tabellenzelle dynamisch erzeugt weil ich die Bilder mit php auslese und sie dann per Ajax in meinen Quellecode einfügen lasse.

Hoffe ich konnte mich verständlich ausdrücken ;D Sry wenn nicht.
Achso: Es werden keine Fehlermeldungen außer für css, erzeugt. Und die sind nicht so wichtig weil die nur Werte namens Filter, und zoom betrefen welche nicht im css für die Box vorkommen.

Danke für Hilfe im vorraus =)

MfG Kanu


EDIT: Sowohl in FireFox 9.0.1. als auch in IE 8

[kanufrosch]

OK hat sich schon erledigt =)

[Yamram]

Die Lösung wäre bestimmt interessant für andere Mitglieder ;) Ich wüsste sie auch mal gern

[kanufrosch]

xD Ok ich würde sie sagen aber ehrlich gesagt ahbe ich keinen Plan was ich verändert habe ^^
Ansonsten kann ich nur sagen: Code Sauber halten und ab und zu mal ausräumen ^^ hat geholfen ;)

[Yamram]

Okay (: Das kenne ich, ich ändere irgendetwas und plötzlich funktioniert es O.o