jquery Fenster

[zu dumm]

Hallo,
ich habe unter http://docs.toddish.co.uk/popup/#download schöne Beispiele gefunden mit jquery. Und zwar möchte ich einen Link und wenn man da drauf klickt soll sich ein kleines Fenster öffnen mit einem Bild und einem weiteren Link.

Mir ist klar, das ich jetzt wohl mindestens 5 Beiträge Antworten erhalte, wie

• fange erst mal mit Grundlagen an
• Lese nochmal alles durch

Aber irgendwie bekomme ich es nicht hin das jquery zu aktivieren.

Es gibt so viele jquery Beispiele, die ähnliches machen, also ein Fenster öffnen, das man dann per ESC oder per Mausklick schließen muß. Aber ich bekomme es nicht hin, das in mein Beispiel zu verlinken.
Im Grunde genommen geht das jquery sobald ich es versuche einzubinden nicht.

Dabei bin ich nach Anleitung vorgegangen:

Punkt 1
``

Punkt 2
<a href="/link-to-something" class="popup">Link</a>

Punkt 3

// Most basic example  
$('a.popup').popup();  
  
// Passing in options  
var options = { optionName : optionValue };  
$('a.popup').popup(options);

Wenn es wenigstens irgendwo im Netz ein Beispiel geben würde mit einem ganz einfachen jquery Info Fenster Plugin.

[zu dumm]

Ich habe es jetzt mit css gelöst:

  
a .showcase {  
   display: none; }  
  
a:hover .showcase {  
   position:absolute;  
   width:460px; height:60px;  
   top:222px; left:111px;  
   display:block;  
   background:lemonchiffon;  
   padding:10px;  
   border: 4px red solid; }

 <a href="xx.html">  
      <img src="img/button-1.gif" alt="deutsch">  
      <span class="showcase"> du bist Text 1 </span> </a>  
		

Dann macht er immerhin wenn man mit der Maus drüberfährt ein Fenster auf.
Leider

• bleibt das Fenster nicht stehen
• und man kann keine Links oder Bilder dahinter setzen :(

[Baba]

Hey, ich kommentiere mal beide Beiträge (geänderte Reihenfolge)

Und zwar möchte ich einen Link und wenn man da drauf klickt soll sich ein kleines Fenster öffnen mit einem Bild und einem weiteren Link.

... und wenn kein Bild kommt, dann war es keiner. Nee, ist klar was Du willst. Siehe auch Lightbox2.

ich habe unter http://docs.toddish.co.uk/popup/#download schöne Beispiele gefunden mit jquery.

Dann musst Du jquery auch einbinden!

Dabei bin ich nach Anleitung vorgegangen:

Punkt 1
``

Und wo sind die Javascript Ressourcen, hier JQuery + das Plugin?

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>  
<script src="/your/js/folder/popup.min.js"></script>

Die Ressourcen musst Du natürlich korrekt verlinken.

Ich habe es jetzt mit css gelöst:

Genau, dass hat aber gar nichts mit Javascript zu tun.

Mir ist klar, das ich jetzt wohl mindestens 5 Beiträge Antworten erhalte, wie

• fange erst mal mit Grundlagen an
• Lese nochmal alles durch

Eigentlich bekommst Du so eine Antwort nicht, wenn Du eine konkrete Frage stellst und das Problem gut dokumentierst. Das Level spielt dann eher keine Rolle.

Cheers,
Baba