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 Augenzwinkern



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 !! großes Grinsen

mehr features brauch ich erste mal nicht auf der Page smile

ach ja, @ inde:

irgendwo sind n paar kleine Fehler, oder ich habs einfach falsch angewandt großes Grinsen trotzdem danke, nichts für ungut..


Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH