Hallo,
ich möchte auf meiner Homepage bei Klicken auf ein Bild, dass sich ein PopUp mit dem Bild in Großansicht öffnet. Also so wie in der Gallery.
Aber wie sieht der Quellcode dazu aus???
Habe es momentan so, dass sich ein neuer Frame öffnet und finde das nicht so optimal.
Zuletzt modifiziert von Domme_09 am 16.08.2008 - 16:38:43
Beitrag zur Merkliste hinzufügen
Hier kann eine Notiz zum Merk-Eintrag hinzugefügt werden (optional)
ilch Forum » Allgemein » HTML, PHP, SQL,... » PopUp Fenster öffnen via Link
| Geschlossen | ||
-
Sa. 16.08.2008
14:09 Uhr
#1
- Registriert seit
- 08.07.2008
- Beiträge
- 267
- Beitragswertungen
www.bvbsupporters-ms.de -
Das geht mit Javascript window.open, also einfach mal in der Gallery oder SelfHTML nachschauen bzw. Google kann dir sicher auch weiterhelfen.Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
-
Sa. 16.08.2008
18:46 Uhr
#3
- Registriert seit
- 21.10.2007
- Beiträge
- 5.951
- Beitragswertungen
Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
externer Link -
Sa. 16.08.2008
19:52 Uhr
#4
- Registriert seit
- 03.03.2005
- Beiträge
- 1.883
- Beitragswertungen
empfehle hier gerne und guten gewissens thickbox:
jquery.com/demo/thickbox/
beispiele:
jquery.com/demo/thickbox/#examples
gruss
michi -
So. 17.08.2008
11:08 Uhr
#5
- Registriert seit
- 08.07.2008
- Beiträge
- 267
- Beitragswertungen
das mit der thickbox hört sich gut an !
allerdings wie sieht das mit der class dafür aus? wo bekomme ich die her bzw. was muss da rein ?
so sieht ja der entsprechende link aus:
<a href="images/plant4.jpg" title="Bild vergrößern" class="thickbox" rel="gallery-plants"><img src="BILD"/></a>
www.bvbsupporters-ms.de -
So. 17.08.2008
16:02 Uhr
#6
- Registriert seit
- 03.03.2005
- Beiträge
- 1.883
- Beitragswertungen
ähm an sich nichts weiter; solange du die entpsrechenden js-files in deine page eingebunden hast, sollte es so bereits funktionieren; falls die box geladen und das bild nicht erscheinen würde, so sollteste eventuell mal absolute pfade angeben; wobei das normalerweise nicht nötig sein sollte;
dateien die benötigt werden (innerhalb des <head>-tags einbinden):
jquery.com/demo/thickbox/thickbox-code/thickbox.js
jquery.com/demo/thickbox/thickbox-code/thickbox.css
jquery.com/src/jquery-latest.js >> umbenennen in jquery.js
auch nicht zu vergessen, die ladegrafik; pfad kannste ganz oben in der thickbox.js-datei entnehmen;
jquery.com/demo/thickbox/images/loadingAnimation.gif
gruss
michl -
Di. 19.08.2008
19:12 Uhr
#7
- Registriert seit
- 08.07.2008
- Beiträge
- 267
- Beitragswertungen
innerhalb des <head> tags ?
also in der index.htm des Designs oder wo meinst du?
Danke schonmal für deine Hilfe !!!!!!!!!!
Zuletzt modifiziert von Domme_09 am 19.08.2008 - 19:12:23www.bvbsupporters-ms.de -
ich versuche das gleich gerade, dass ich über einen Link einen MP3-Player als PopUp öffne, nur leider funktioniert es momentan nicht...
ja ich weiß auch, dass vom Mairu eins gibt, aber dieser Player gefällt mir nicht so gut... ^^
Zuletzt modifiziert von Gerni am 19.08.2008 - 19:28:17kleinere geänderte Module für Ilch auf unserer HP: externer Link -
Di. 19.08.2008
19:38 Uhr
#9
- Registriert seit
- 03.03.2005
- Beiträge
- 1.883
- Beitragswertungen
@Domme_09: jep, genauso;
diese files jeweils per <script type="text/javaScript" src="link zur js datei.js"></script> einbinden
anschließend einem link nur noch die class="thickbox" verpassen und fertig;
gruss
michi -
Di. 19.08.2008
21:47 Uhr
#10
- Registriert seit
- 08.07.2008
- Beiträge
- 267
- Beitragswertungen
hat irgendwie nicht geklappt
Das ist im <head> Bereicht der index.htm<script type="text/javaScript" src="thickbox\thickbox.js"></script> <script type="text/javaScript" src="thickbox\jquery.js"></script>
So sieht das in meiner Datei aus:<td> <center> <a class="thickbox" href="http://bvbsupporters.bv.ohost.de/Fotos/fotos_0/001.jpg"> <img src="http://bvbsupporters.bv.ohost.de/Fotos/fotos_0/001a.jpg" width="100"></a> </center> </td>
Ist irgendwo ein Fehler ? Oder muss ich irgendwas anders einstellen ?www.bvbsupporters-ms.de -
Mi. 20.08.2008
12:24 Uhr
#11
- Registriert seit
- 16.06.2006
- Beiträge
- 15.334
- Beitragswertungen
Naja in Pfadangaben normalerweise immer / und nicht \ verwenden.Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite -
Mi. 20.08.2008
12:27 Uhr
#12
- Registriert seit
- 03.03.2005
- Beiträge
- 1.883
- Beitragswertungen
kommt drauf an, ich habe hier schließlich keinen link von der betroffenen seite vorliegen.
generell fehlt mal die thickbox.css; dann siehe mairu; weiterhin musst du sicherstellen, dass auf der gleichen ebene, wie deine index.php, ein ordner mit thickbox existiert, in dem die 3 benötigen files drin sind - zumindest leit deinem post;
am besten schickste mir mal nen link oder du benutzt firebug;
gruss
michi
Zuletzt modifiziert von sCoRpIoN am 20.08.2008 - 12:27:57 -
Mi. 20.08.2008
17:54 Uhr
#13
- Registriert seit
- 08.07.2008
- Beiträge
- 267
- Beitragswertungen
Link zur Page bzw zu meiner Galerie:
supportersms.su.ohost.de/ilchcommunity_1.2.6/index.php?fotos_0
Das mit den "\" hab ich geändert!
Ordner mit "thickbox" als Namen und mit den 3 Dateien als Inhalt ist auch drauf aufm Server !
Eingebunden in index.htm sind die beiden .js Dateien auch
aber wie muss ich die .css datei einbinden ?
so anscheinend nicht:
<style type="text/css" source="thickbox/thickbox.css></style>
dann läuft meine ganze seite nicht mehr ^^
Zuletzt modifiziert von Domme_09 am 20.08.2008 - 17:56:07www.bvbsupporters-ms.de -
Mi. 20.08.2008
18:02 Uhr
#14
- Registriert seit
- 27.12.2005
- Beiträge
- 2.354
- Beitragswertungen
<link rel="stylesheet" type="text/css" href="thickbox/thickbox.css /> -
Mi. 20.08.2008
18:13 Uhr
#15
- Registriert seit
- 08.07.2008
- Beiträge
- 267
- Beitragswertungen
so funktionierts leider noch nicht
der Hintergrund der Page ändert sich auf weiß/kein Hintergrund
und die thickbox funktion geht nicht ...
liegt das evt daran dass rel="stylesheet" schon vorhanden ist?
oder an was kann es liegen ?www.bvbsupporters-ms.de -
Mi. 20.08.2008
18:14 Uhr
#16
- Registriert seit
- 03.03.2005
- Beiträge
- 1.883
- Beitragswertungen
die dateien befinden sich nicht im vorgeschriebenen ordner; siehe: supportersms.su.ohost.de/ilchcommunity_1.2.6/thickbox/thickbox.js
da is keine thickbox.js drin und wohl ebenso wenig die restlichen files;
wennste den ordner thickbox in deinem designordner hast, dann musste natürlich als pfad auch include/designs/designname/thickbox/thickbox.js angeben.
gruss
michi -
Mi. 20.08.2008
18:21 Uhr
#17
- Registriert seit
- 08.07.2008
- Beiträge
- 267
- Beitragswertungen
jetzt ist der pfad richtig aber funktioniert leider immer noch nicht
Link:
supportersms.su.ohost.de/ilchcommunity_1.2.6/index.php?fotos_0www.bvbsupporters-ms.de -
Mi. 20.08.2008
18:31 Uhr
#18
- Registriert seit
- 03.11.2006
- Beiträge
- 2.925
- Beitragswertungen
ich denk mal du hast das relation-Attribut beim Anker vergessen:rel="fotos"
-
Mi. 20.08.2008
18:47 Uhr
#19
- Registriert seit
- 03.03.2005
- Beiträge
- 1.883
- Beitragswertungen
meine güte, "designname" musst du schon gegen den namen deines designs ändern; sowas gibts doch gar nicht
bei rel="fotos" hat assault recht, da du ja in deinem vorliegenden fall mehrere bilder als galerie öffnen willst;
Zuletzt modifiziert von sCoRpIoN am 20.08.2008 - 18:49:12 -
Mi. 20.08.2008
18:58 Uhr
#20
- Registriert seit
- 08.07.2008
- Beiträge
- 267
- Beitragswertungen
^^ hui...
das hab ich übersehen mit "designname" - heftig, wie peinlich ist das denn sowas nicht zu sehen :-/
edit: funktioniert aber immer noch nicht
was hat das denn mit rel="fotos" auf sich?
Muss der Name mit irgendwas übereinstimmen?
Zuletzt modifiziert von Domme_09 am 20.08.2008 - 19:02:24www.bvbsupporters-ms.de -
Mi. 20.08.2008
19:33 Uhr
#21
- Registriert seit
- 03.03.2005
- Beiträge
- 1.883
- Beitragswertungen
weißte was das eigentlich wirklich traurige an der ganzen sache ist? wenn du die anleitung auf jquery.com/demo/thickbox/ gelesen hättest, dann gäbs überhaupt keine probleme; ich hab langsam keine lust mehr dir alles vorzukauen.
gruss
michi -
Mi. 20.08.2008
20:40 Uhr
#22
- Registriert seit
- 08.07.2008
- Beiträge
- 267
- Beitragswertungen
sry dass ich die übersehen habe.
ok jetzt funktioniert es teilweise
er öffnet das bild, aber die Vergrößerung erscheint links unten und nur halb im Bild...
ich habe schon die thickbox.css und thickbox.js durchgeforstet, bin aber nicht fündig geworden...
Zuletzt modifiziert von Domme_09 am 20.08.2008 - 21:06:24www.bvbsupporters-ms.de -
Mi. 20.08.2008
21:50 Uhr
#23
- Registriert seit
- 01.05.2008
- Beiträge
- 170
- Beitragswertungen
Also ich hab die thickbox mal ausprobiert und es funzt OHNE PROBLEME - doch halt ein prob hab ich - Ich brauch es nicht!!!
Lesen soll auch helfen - und wenn man kein englisch kann wozu jibbet diwerse anbieter die dir das teilweise sogar kostenlos anbieten! (um nicht auf eine Bekannte Suchmaschine hinzuweisen!)| Träume nicht dein Leben lang - Lebe deinen Traum |
| Geschlossen | ||
 |
Zurück zu HTML, PHP, SQL,... | |
Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten