|
|
|
|
Bilder als Pop-up in HTML |
Insect-
Member
Dabei seit: 07.12.2002
Beiträge: 286
|
|
Bilder als Pop-up in HTML |
|
Hey, hab schon gegoogelt und in sämtlichen anleitungen nachgesehen, die ich gefeunden habe..
Ich habe keine Ahnung von php oder java oder so, ich kann nur n bischen HTML und wollte fragen, wie ich es einstellen kann, das wenn ich auf ein Bild klicke, es als "pop-up" aufgeht.
hierbei wäre es praktisch, wenn sich die größe automatisch auf das Bild anpassen würde, wäre aber auch net schlimm, wenn ich die größe selber angeben müsste..
Gibts da was auf HTML basis? oder muss ich dafür Java oder so was nehmen?
Falls dies der Fall ist, kann mir jemand ein ausführliches Beispiel dafür geben??
so ist es momentan.:
bild: testPIC.jpg
thumb: tn_testPIC.jpg
Zitat: |
<a href="testPIC.jpg" target="blank"><img scr="tn_testPIC.jpg" width="200" height="149" border="0" alt=""></a> |
) für was steht eigentlich das "alt=""" ?
dann bekomm ich immer ein ganzes Fenster, wo nur das bild drinnen ist (600 x XXX pixel)
zudem wird ,wenn ich ein neues Bild anklicke, es in dieses Fenster hineingeladen, kann man es irgendwie so einstellen, das es dann wieder in den Vordergrund springt?? oder es sich selber schließt, wenn es nicht mehr aktiv im Vordergrund ist??
ach ja, weil ich gerade schon dabei bin.: kann man die Scrollbar in einem Frame irgendwie von der Breite her einstellen ( größe veränderbar ) ?
Bin für jede Hilfe, Erklärung oder jedes Beispiel dankbar.
__________________ Lieben Gruß Insect-
|
|
09.11.2003 19:05 |
|
|
daisuke
T33B3UT3L
Dabei seit: 02.12.2002
Beiträge: 676
Herkunft: warmhalteplatte
|
|
also,für dein problem brauchst du einen ganz einfachen javascript code
(ich poste ihn morgen,hab gerade keine zeit.
bei alt kann man einen text hinschreiben den der user sieht wenn das bild nicht da ist dh: wenn er bilder ausgestellt hat oder das bild nicht geladen werden kann
die breite der scrollbar kann man warscheinlich mit css einstellen...ich hab allerdings keine ahnung wie
__________________ AMOR und PSYCHE
|
|
09.11.2003 20:58 |
|
|
schwabe
Altes Eisen
Dabei seit: 19.03.2002
Beiträge: 1.616
Herkunft: Da woh ihr nie hin wollt!
|
|
Jung schau mal bei SelfHTML vorbei. Die seite ist pflicht für alle die sich mit html auseinandersetzen.
Cu Schwabe
|
|
10.11.2003 16:59 |
|
|
Insect-
Member
Dabei seit: 07.12.2002
Beiträge: 286
Themenstarter
|
|
Danke erstmal für die antworten..
bei selfhtml war ich schon, war mir aber zu komplex, auf jeden fall hab ichs net gerafft..
werds morgen mal probieren. thx
__________________ Lieben Gruß Insect-
|
|
11.11.2003 21:11 |
|
|
inde
the r33l !n[)3
Dabei seit: 14.09.2003
Beiträge: 267
Herkunft: von da wo ihr nie hinwollt...
|
|
<html>
<head>
<titel>Popup</titel>
<script type=text/javascrip>
<!--
function popup(URL_zum_Bild,Breit,Hoch) {
xsize = Breit
//Die Breite des Fensters
ysize = Hoch
//Die Höhe des Fensters
ScreenWidth = screen.width;
//Breite des Bildschirms
ScreenHeight = screen.height;
//Höhe des Bildschrims
xpos = (ScreenWidth/2)-(xsize/2);
ypos = (ScreenHeight/2)-(ysize/2);
//Fenster wird genau in der Mitte des Bildschirmes postioniert
NewWindow=window.open(URL_zum_Bild, "Titel des Fensters", "height="+ysize+", width="+xsize+", scrollbars=no, resizable=no,top="+ypos+",left="+xpos+"");
//öffnet das Fenster
NewWindow.document.close();
//notwendig!!!!
}
//--></script>
</head>
<body>
<img src="URL_des_Bildes" onClick="popup('URL_des_Bildes','Breite des gewünschten Fensters', 'Höhe des gewünschten Fensters')">
<!-- Beim klicken auf das Bild, wird der Eventhandler "onClick" aktiviert, der dann die funktion "popup" aufruft -->
</body>
</html>
Hoff es ist richtig, bin nämlich n JavaScript n00b
__________________ MfG
the r33l !n[)3 [ http://www.indetonation.de ]
Durch Frauen wird immer alles nur noch schwieriger!
Odysseus (in "Troja")
Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von inde: 11.11.2003 21:16.
|
|
11.11.2003 21:12 |
|
|
max1mus
composituer/producteur
Dabei seit: 12.09.2001
Beiträge: 609
|
|
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
|
<script language="JavaScript">
<!--
function fenster_neu(theURL,winName,winWidth,winHeight,features) {
var w = (screen.width - winWidth)/2;
var h = (screen.height - winHeight)/2 - 30;
features = features+',width='+winWidth+',height='+winHeight+',top='+h+',left='+w;
window.open(theURL,winName,features);
}
//-->
</script>
|
|
Dann als link :
code: |
1:
2:
3:
|
<a href="javascript:fenster_neu('bla.html','codes','505','400','scrollbars=yes')">LINK</a>
|
|
__________________ .| jurij pialat - disc jockey and producer |.
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von max1mus: 12.11.2003 12:50.
|
|
12.11.2003 12:46 |
|
|
Insect-
Member
Dabei seit: 07.12.2002
Beiträge: 286
Themenstarter
|
|
|
13.11.2003 18:45 |
|
|
|
|
|
|