PopUp Grafik

overdose · 13.03.2006, 16:20

Hey!

Ich brauche mal eben n Stück Code von euch.

Und zwar brauche ich beim aufrufen einer Index.html ein automatisches Popup mit einer Grafik.

Ich kenne das eigentlich bin aber grade irgendwie zu verplant/verbacken/vercheckt dafür. Danke schon mal.

Luigi · 13.03.2006, 16:26

Was sagt denn self htmls suchfunktion dazu?

Alp.traum · 13.03.2006, 17:08

Kannst es so machen:
<body onload="window.open('url_zum_bild','titel','width= xxx, height=yyy, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes')">

Ich hab jetzt nicht nachgeguckt obs exakt stimmt, könnte also auch fehlerhaft sein :>

Xaicon · 13.03.2006, 17:11

HTML-Code:

<body onload="window.open('./pfad/zum/bild.jpg','fenstername')">

Warum ein Popup, die werden do eh immer geblockt?

EDIT: zu langsam :/

overdose · 13.03.2006, 17:11

HTML-Code:

<body onLoad="winopen()">

<script>

function winopen(){
  window.open("bild.htm","titel","toolbar=no,menubar=no,width=600,height=800")
}
</script>

So hatte ich das schon...aber das will nicht...warum auch immer o.0

EDIT: Ok, geht jetzt...hat denn eventuell jemand noch eine bessere Idde als das PopUp? Es geht darum ein Festival anzukündigen. Es gibt ne Flyergrafik die sich öffnen sollte beim Seiten abruf.

Alp.traum · 14.03.2006, 02:27

Zitat:

Zitat von overdose

HTML-Code:

<body onLoad="winopen()">

<script>

function winopen(){
  window.open("bild.htm","titel","toolbar=no,menubar=no,width=600,height=800")
}
</script>

So hatte ich das schon...aber das will nicht...warum auch immer o.0

EDIT: Ok, geht jetzt...hat denn eventuell jemand noch eine bessere Idde als das PopUp? Es geht darum ein Festival anzukündigen. Es gibt ne Flyergrafik die sich öffnen sollte beim Seiten abruf.

Zeig es doch direkt auf der Startseite an als Thumbnail. Und wenn man draufklickt gibt es auf ner Unterseite detailliertere Infos dazu.

Xaicon · 14.03.2006, 13:01

Ich weiss nicht, ob es zum Layout passt, aber ich würde mal ein <div> im z-index überhalb der restlichen Seite vorschlagen, welches sich automatisch nach kurzer Zeit und/oder per Klick des Anwenders schliesst.

HTML-Code:

<html>
<head>
  <script type="text/javascript" language="javascript">
  function hidePopUp(a){
    if(a == 'time'){
      window.setTimeout("hidePopUp('now')", 3000);
    }
    if(a == 'now'){
      document.getElementById('werbedings').style.display = 'none';
    }
  }
  </script>
</head>
<body onload="hidePopUp('time')">
<div id="werbedings" style="position:absolute;left:50%;top:50%;margin-left:-150px;margin-top:-100px; width:300px;height:200px;z-index:99;border:1px solid #000000; background-color: #ffffff;" onclick="hidePopUp('now')">
  <img src="./pfad/zum/bild.jpg">
</div>
<!-- blindtext -->
lorem ipsum
<br>
<br>
<br>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec posuere, tortor sit amet ultricies sodales, tortor purus imperdiet sem, in imperdiet ligula lacus varius augue. Aliquam erat volutpat. Etiam in felis. Fusce diam sem, mollis a, dignissim a, mollis aliquam, lorem. Vestibulum tempor, ipsum nec mollis mattis, libero neque feugiat risus, nec adipiscing turpis sem eget enim. Aenean congue facilisis tortor. Nunc volutpat, mi tempus bibendum bibendum, purus libero malesuada felis, ac aliquet magna velit ac est. Fusce leo. Sed placerat odio ut dui. Aliquam volutpat. Quisque sollicitudin, mi ut accumsan pharetra, leo dolor consectetuer metus, sit amet ornare mauris dolor at nibh. Proin pulvinar, lectus tristique rutrum imperdiet, odio elit sagittis enim, sit amet molestie enim nisl eu tellus. Pellentesque ac sem eu tellus ultrices venenatis. Pellentesque elit. In hac habitasse platea dictumst. Praesent iaculis sem vitae leo. Quisque vestibulum, diam eget rutrum vulputate, diam dui elementum nulla, eu posuere augue sapien sed pede. Maecenas in augue. 
<br>
<br>Quisque a lectus. Ut ultricies est et pede. Donec quam pede, mollis ac, congue non, sodales ac, mauris. Ut lobortis. Sed libero erat, adipiscing ut, blandit nec, venenatis id, sem. Phasellus velit. Praesent semper, neque vitae semper pharetra, dui leo elementum neque, eget semper sem massa id est. Aenean blandit laoreet pede. Suspendisse diam. Cras cursus pulvinar metus. 
<br>
<br>Nulla pellentesque posuere metus. Nullam eu urna. Phasellus non purus eu nisl euismod sodales. Phasellus ut nisi. Praesent non augue quis tellus porta auctor. Phasellus congue auctor tellus. Nam lobortis. Sed eget justo. Vivamus laoreet pede. Cras et mauris id risus egestas pulvinar. Donec commodo placerat est. Vivamus lacus sem, lobortis vel, aliquet sit amet, fermentum ut, mi. Fusce eget nulla. 
<br>
<br>Fusce et odio. Suspendisse potenti. Nulla urna libero, luctus ac, tincidunt vel, adipiscing vitae, libero. Nulla urna mauris, auctor ut, adipiscing at, ultricies vel, quam. Mauris non diam. Quisque orci augue, scelerisque eleifend, porta at, feugiat sed, nisl. In egestas purus eu est. Etiam pellentesque. Nunc tortor. Nam vel urna. Quisque laoreet posuere quam. Praesent nisi. Aenean semper porttitor lacus. Aliquam erat volutpat. Sed pede elit, suscipit eu, pellentesque vitae, laoreet ac, massa. Praesent id nunc a leo adipiscing elementum. Sed vel mauris sit amet purus egestas elementum. Integer dictum viverra ligula. Donec nec justo. Nullam malesuada consectetuer elit. 
<br>
<br>Integer eget sapien. Curabitur pulvinar tincidunt lacus. Ut luctus. Proin purus. Curabitur et nunc. Integer feugiat lobortis tortor. Curabitur luctus quam sed pede. Fusce velit dui, eleifend at, mollis ut, commodo id, lectus. Fusce faucibus. Vivamus facilisis ultricies elit. Nullam velit tellus, gravida id, consequat a, cursus a, est. 
<br>
<!-- /blindtext -->
</body>
</html>

Der Script schliess das <div>-PopUp nach 3000 ms oder auf Klick des Users. Je nach dem was zu erst kommt.
(Ist nur mal eben so geschrieben ohne Prüfung)´

EDIT: was ich vergessen habe zu sagen ist, dass auf die Leute Rücksicht genommen werden sollte, die Javascript deaktiviert haben. D.h. ich würde das <div> nicht über die wichtigen Links packen, oder erst per Javascript einblenden...

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
PopUp Blocker für den Quellcode	Stupid Duck	Internet	7	13.04.2006 19:08
Wie setze ich einen Hyperlink auf eine Grafik?	>CB<	Internet	2	01.06.2005 15:42
Shadow Company - Grafik Fehler	Stupid Duck	Software	6	05.03.2004 14:02
Grafik Probsleme bei Max Payne 2	Simon Sorcerer	Hardware	4	14.11.2003 19:39

13.03.2006, 16:20	#1 (permalink)
overdose	PopUp Grafik Hey! Ich brauche mal eben n Stück Code von euch. Und zwar brauche ich beim aufrufen einer Index.html ein automatisches Popup mit einer Grafik. Ich kenne das eigentlich bin aber grade irgendwie zu verplant/verbacken/vercheckt dafür. Danke schon mal.

13.03.2006, 16:26	#2 (permalink)
Luigi	AW: PopUp Grafik Was sagt denn self htmls suchfunktion dazu?

13.03.2006, 17:08	#3 (permalink)
Alp.traum	AW: PopUp Grafik Kannst es so machen: <body onload="window.open('url_zum_bild','titel','width= xxx, height=yyy, toolbar=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes')"> Ich hab jetzt nicht nachgeguckt obs exakt stimmt, könnte also auch fehlerhaft sein :> __________________ life is great, you just have to look at it from the right perspective

13.03.2006, 17:11	#4 (permalink)
Xaicon	AW: PopUp Grafik HTML-Code: <body onload="window.open('./pfad/zum/bild.jpg','fenstername')"> Warum ein Popup, die werden do eh immer geblockt? EDIT: zu langsam :/ __________________ Man reiche mir mein LART! Kein Support bei IT-Fragen via ICQ, Skype, PN oder Email! (Stammuser ausgenommen)

13.03.2006, 17:11	#5 (permalink)
overdose	AW: PopUp Grafik HTML-Code: <body onLoad="winopen()"> <script> function winopen(){ window.open("bild.htm","titel","toolbar=no,menubar=no,width=600,height=800") } </script> So hatte ich das schon...aber das will nicht...warum auch immer o.0 EDIT: Ok, geht jetzt...hat denn eventuell jemand noch eine bessere Idde als das PopUp? Es geht darum ein Festival anzukündigen. Es gibt ne Flyergrafik die sich öffnen sollte beim Seiten abruf.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen