BlackBoard (http://www.black-board.net/index.php)
- Design, Programmierung & Entwicklung (http://www.black-board.net/board.php?boardid=55)
-- Webdesign (http://www.black-board.net/board.php?boardid=19)
--- Bilder als Pop-up in HTML (http://www.black-board.net/thread.php?threadid=14589)
Geschrieben von Insect- am 09.11.2003 um 19:05:
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.
Geschrieben von daisuke am 09.11.2003 um 20:58:
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
Geschrieben von psychomaniac am 10.11.2003 um 15:47:
ich bin ja nich son freund vom linken in foren aber da ich keine lust hab den code zu erklären *g*, geh mal auf
http://www.dauerstress.de/utility/popup.htm .. da findeste sowas..
have phun
Geschrieben von schwabe am 10.11.2003 um 16:59:
Jung schau mal bei
SelfHTML vorbei. Die seite ist pflicht für alle die sich mit html auseinandersetzen.
Cu Schwabe
Geschrieben von Insect- am 11.11.2003 um 21:11:
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
Geschrieben von inde am 11.11.2003 um 21:12:
<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
Geschrieben von max1mus am 12.11.2003 um 12:46:
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>
|
|
Geschrieben von Insect- am 13.11.2003 um 18:45:
danke euch allen,habs hinbekommen !!
mehr features brauch ich erste mal nicht auf der Page
ach ja, @ inde:
irgendwo sind n paar kleine Fehler, oder ich habs einfach falsch angewandt
![großes Grinsen großes Grinsen](images/smilies/biggrin.gif)
trotzdem danke, nichts für ungut..
Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH