WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik



Im Homepage und Webhosting-Forum --- pop-ups mit bildern

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !

Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » pop-ups mit bildern Antworten
pop-ups mit bildern
AhoiBrause
Otto-Normal-Poster
Threadstarter




Beiträge: 92

hallo!

ich habe auf meiner seite so 50x50große bilder, auf denen teile von ganzen fotos zu sehen sind und wenn man die anklickt, kommen in einem po-up fenster die ganzen bilder. bis jetzt habe ich es immer so (wahrscheinlich sehr umständlich) gemacht, dass ich jedes bidl als hintergrund einer seite genommen habe und diese seite läd sich dann im pop-up. das ist aber nervig jedes bild als hintergrund einer seite zu machen, das geht doch auch sicher anders, oder?

lg, Ahoibrause


---
Dieser Beitrag wurde in das Weltkulturerbe aufgenommen.

  Profil   E-Mail   Website   Editieren   Zitieren
Can
Halbgott




Beiträge: 1324

Du könntest z.B. für die Seite, die in dem Popup-Fenster geladen wird, PHP nehmen und als Paremeter das Bild angeben, das angezeigt werden soll (?image=sdf.jpg).

---
"S-púrlawits'chkâ A-ngáse gûrewüdíx" - Zaphrot Bibelprox

  Profil   E-Mail   Editieren   Zitieren
AhoiBrause
Otto-Normal-Poster
Threadstarter




Beiträge: 92

php? hilfe, das kann ich leider nicht...

---
Dieser Beitrag wurde in das Weltkulturerbe aufgenommen.

  Profil   E-Mail   Website   Editieren   Zitieren
Can
Halbgott




Beiträge: 1324

Dann lern es *g*

Am, ansonsten hab ich jetzt keine Lösung parat - JavaScript vielleicht, aber das willst du vermutlich auch nicht?

Can

---
"S-púrlawits'chkâ A-ngáse gûrewüdíx" - Zaphrot Bibelprox

  Profil   E-Mail   Editieren   Zitieren
AhoiBrause
Otto-Normal-Poster
Threadstarter




Beiträge: 92

java script wäre mir lieber...wie geht das denn mit php genau?

---
Dieser Beitrag wurde in das Weltkulturerbe aufgenommen.

  Profil   E-Mail   Website   Editieren   Zitieren
KeyLF
Forenheld




Beiträge: 866

Erstmal wäre interessant ob php bei dir läuft.. wenn ja, dann mach ich dir mal was ganz ganz einfaches fertig!

  Profil   Editieren   Zitieren
KeyLF
Forenheld




Beiträge: 866

Hauptseite:

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15:


Die Hauptseite mit den Verweisen zu den Bildern


Bild 1
Bild 2
Bild 3 "; ?>


Hier werden die Links zu den Bilder aufgelistet... bei jedem Link wird dir Bildnummer als Variabel angehangen.

Das PopUp:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12:


Das PopUp


\"Bildnummer


";
?>


Hier wird die Variable ($bild) wieder ausgelesen und (als einfachster Fall) als Bildpfad ausgegeben. Das heisst Bild 1 müsste auch 1.jpg heissen, die Zwei 2.jpg usw...

Somit hast Du nur eine Ausgabe Seite die du schreiben musst.

Vielleicht schausts dir mal an und probierst es so mal aus.

MFG

KeyLF

  Profil   Editieren   Zitieren
Al Blank
Quasselstrippe




Beiträge: 379

Solltest aus Verzweiflung doch lieber die ganze Sache in Javascript machen wollen, dann sag es und ich suche Dir ein Script raus.

  Profil   Editieren   Zitieren
KeyLF
Forenheld




Beiträge: 866

na, aber viel einfacher gehts echt nicht oder?!

  Profil   Editieren   Zitieren
AhoiBrause
Otto-Normal-Poster
Threadstarter




Beiträge: 92

vielen dank, das ist sehr nett von euch! also ich probier das mit php mal aus, ich weiß aber nicht, ob das bei mir läuft.

gruß, ahoibrause

---
Dieser Beitrag wurde in das Weltkulturerbe aufgenommen.

  Profil   E-Mail   Website   Editieren   Zitieren
KeyLF
Forenheld




Beiträge: 866

HostEurope GmbH... welches Paket hast du?

  Profil   Editieren   Zitieren
Al Blank
Quasselstrippe




Beiträge: 379

...das Problem wird halt sein das er sich die ganze Schose wie Apache usw. ersteinmal auf seinem Rechner installieren muß um überhaupt vernünftig arbeiten zu können und da als Einsteiger durchzusteigen ist nicht so schnell abgetan.

  Profil   Editieren   Zitieren
KeyLF
Forenheld




Beiträge: 866

www.foxserv.net Version 2 runterladen installieren... alles Läuft!

  Profil   Editieren   Zitieren
Helmut_maieR
Quasselstrippe




Beiträge: 431

also ich seh keinen grund das nicht in js zu bauen ....

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11:
var fenster;

function Bilder(bild)
{
fenster=window.open("","dynamisch","scrollbars=no,width=320,height=370,status=no,left=150,top=150,screenX=150,screenY=150")
fenster.document.open();
fenster.document.write("")
fenster.document.write("Bild<\/title>")
fenster.document.write("<\/head><body link=\"\#000000\" alink=\"\#000000\" vlink=\"\#000000\" bgcolor=\"\#FFFFFF\" LEFTMARGIN=9 TOPMARGIN=9 marginwidth=9 marginheight=9><a href=\"javascript\:window.close\(\)\"><img src=\"..\/pics\/" + bildnr + "\" border=1 width=300 height=350><\/a><\/body><\/html>");
fenster.document.close
}</pre></td></tr></table></div></div><br />
<br />
im link dann noch das Bild aufrufen zb.:<br />
<br />
<div align="center"><div style="width: 619px; overflow: auto; overflow-y: hidden;  border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px"><table cellpadding="3" cellspacing="0" border="0" bgcolor="#F0F0F0" style="width: 100%"><tr><td nowrap="nowrap" width="1%" align="right"><pre>1:</pre></td><td nowrap="nowrap" width="100%" align="left"><pre><a href="javascript:Bilder('Irgendwas.jpg');"></pre></td></tr></table></div></div><br />
<br />
du kannst natürlich auch fenstergröße, standort usw mit dem Link mitschicken ....<br />
mfg<br />
<br />
<br />
--- <br />
<small><b>... Chaos muß sein, woraus sollte man sonst Ordnung machen? ...</b></small></div><br></td></tr><tr bgcolor="#638CB1"><td>  <a  rel="nofollow"  href="/profil.php?user=41" class="subpost">Profil</a>
  <a href="mailto:%68%2e%6d%61%69%65%72%40%77%65%62%32%30%30%30%2e%61%74" class="subpost">E-Mail</a>
  <a  href="http://www.web2000.at" TARGET="_blank" class="subpost">Website</a>
  <a  rel="nofollow"  href="/posting_editieren.php?post_id=33017&thema=4701&forum=24" class="subpost">Editieren</a>
  <a  rel="nofollow"  href="/antworten.php?topic=4701&forum=24&post=33017"e=1" class="subpost">Zitieren</a>
</td></tr>	</table></td></tr></table>
	<table align="center" border="0" width="860" ><tr><td align="left" valign="top">   <br><br></td><td align="right" valign="top">
 <a  rel="nofollow"  href="/antworten.php?topic=4701&forum=24" class="new"><b>Antworten</b></a></td></tr><tr><td align="center" valign="top"></td><td align="right" width="30%" valign="top">	<form action="forum.php" method="get">
	<select name="forum" class="select" onChange="MM_jumpMenu('parent',this,0)"><option VALUE="#">Wähle ein Forum</option>
	<option VALUE="#"> </option>
<option VALUE="#">Allgemeines</option>
<option VALUE="#">----------------</option>
<option VALUE="forum21_0.html">Webhoster  Suleitec.de -  Domain, Support und Registrierung</option>
<option VALUE="forum38_0.html">Suleitec.de Kundeninfo</option>
<option VALUE="forum42_0.html">Feedbook</option>
<option VALUE="forum54_0.html">Webwork-Magazin und  Homepage-Forum - Allgemeines </option>
<option VALUE="#"> </option>
<option VALUE="#">Webtechniken</option>
<option VALUE="#">----------------</option>
<option VALUE="forum23_0.html">PHP & MySQL</option>
<option VALUE="forum24_0.html">HTML, CSS - Hilfe für das Erstellen einer Homepage</option>
<option VALUE="forum46_0.html">Server-Administration und Verwaltung</option>
<option VALUE="forum47_0.html">Sonstige Web-Programmiersprachen</option>
<option VALUE="#"> </option>
<option VALUE="#">Webwork</option>
<option VALUE="#">----------------</option>
<option VALUE="forum27_0.html">Layout - Webwork bis Print für Webseiten</option>
<option VALUE="forum28_0.html">Software zum Erstellen einer Webseite und andere Programme</option>
<option VALUE="forum29_0.html">Eure Webseite im Webmaster Forum</option>
<option VALUE="forum33_0.html">Recht im Internet - keine Rechtsberatung zur Homepage !</option>
<option VALUE="forum40_0.html">Internet Online Speicherdienste</option>
<option VALUE="forum57_0.html">Websiten erstellen und Website Pflege - Hilfe für Anfänger</option>
<option VALUE="#"> </option>
<option VALUE="#">Netzwelt</option>
<option VALUE="#">----------------</option>
<option VALUE="forum30_0.html">Netztheke</option>
<option VALUE="forum31_0.html">Internet & Co</option>
<option VALUE="forum48_0.html">Computer & Co - Hardware und Software</option>
<option VALUE="forum50_0.html">Entertainment</option>
<option VALUE="forum56_0.html">Webworkmagazin - News und Artikel</option>
<option VALUE="#"> </option>
<option VALUE="#">inTEAM</option>
<option VALUE="#">----------------</option>
</select>
</form></td></tr></table>

<!-- ENDE UMRANDUNG -->
</td><td width="20"><img src="/images/spacer.gif" width="20" height="1">
</td></tr>
<tr><td COLSPAN=6><table border="0" cellpadding="2" cellspacing="0" align="center" valign="top" width="860" >
		  <tr><td align="left valign="bottom"><a href="/">Forum</a> <b>»</b> <a href="/forum24_0.html">HTML, CSS - Hilfe für das Erstellen einer Homepage</a> <b>»</b> <a href="posting4701_24_0.html">pop-ups mit bildern</a...</td>
		  </tr></td></table>	<table width="860" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td><br>
	<table width="100%" border="0" cellspacing="1" cellpadding="5" bgcolor="#000000">
	<tr bgcolor="#638CB1"><td>

	Aktuelle Beiträge zur Hilfe im Forum für Homepage - pop-ups mit bildern im Forum Homepage Hosting

	</td><td align="center">Antworten</td><td align="center">Letztes Posting</td></tr>

	<tr bgcolor="#BDCEDD"><td><a href="../posting20821_24_0.html#">Unvorhersehbare Layout-Verschiebungen auf meiner Seite - Ideen?</a> <br><div class="small">in "HTML, CSS - Hilfe für das Erstellen einer Homepage" </div></td><td align="center">0 </td><td align="center"> 20.08.2023 20:14 von Freud</tr>
<tr bgcolor="#BDCEDD"><td><a href="../posting20118_24_0.html#">Geschenkidee zum Geburtstag</a> <br><div class="small">in "HTML, CSS - Hilfe für das Erstellen einer Homepage" </div></td><td align="center">2 </td><td align="center"> 14.04.2022 16:08 von bryleth03</tr>
<tr bgcolor="#BDCEDD"><td><a href="../posting18654_24_0.html#">Webdesigner gesucht</a> <br><div class="small">in "HTML, CSS - Hilfe für das Erstellen einer Homepage" </div></td><td align="center">2 </td><td align="center"> 10.12.2021 15:04 von Rieke</tr>
<tr bgcolor="#BDCEDD"><td><a href="../posting18858_24_0.html#">Welcher Hoster ist der Beste?</a> <br><div class="small">in "HTML, CSS - Hilfe für das Erstellen einer Homepage" </div></td><td align="center">1 </td><td align="center"> 10.12.2021 15:02 von Rieke</tr>
<tr bgcolor="#BDCEDD"><td><a href="../posting17183_24_0.html#">Warum Wordpress?</a> <br><div class="small">in "HTML, CSS - Hilfe für das Erstellen einer Homepage" </div></td><td align="center">6 </td><td align="center"> 05.07.2021 18:27 von Rieke</tr>
<tr bgcolor="#BDCEDD"><td><a href="../posting16891_24_0.html#">Die Idee einen Blog zu führen</a> <br><div class="small">in "HTML, CSS - Hilfe für das Erstellen einer Homepage" </div></td><td align="center">2 </td><td align="center"> 27.02.2021 09:50 von Samira2021</tr>
<tr bgcolor="#BDCEDD"><td><a href="../posting15322_24_0.html#">zu viele css dateien?!</a> <br><div class="small">in "HTML, CSS - Hilfe für das Erstellen einer Homepage" </div></td><td align="center">4 </td><td align="center"> 19.01.2021 19:20 von Laurena</tr>
<tr bgcolor="#BDCEDD"><td><a href="../posting14807_24_0.html#">WIe kann ich Datum ausblenden?</a> <br><div class="small">in "HTML, CSS - Hilfe für das Erstellen einer Homepage" </div></td><td align="center">1 </td><td align="center"> 23.11.2020 12:21 von noahradar96</tr>
<tr bgcolor="#BDCEDD"><td><a href="../posting12288_24_0.html#">Tabelle mit Mannschaftslogos</a> <br><div class="small">in "HTML, CSS - Hilfe für das Erstellen einer Homepage" </div></td><td align="center">3 </td><td align="center"> 23.10.2019 14:54 von andyy</tr>
<tr bgcolor="#BDCEDD"><td><a href="../posting15831_24_0.html#">Eigene Website erstellen - kostenlos!</a> <br><div class="small">in "HTML, CSS - Hilfe für das Erstellen einer Homepage" </div></td><td align="center">0 </td><td align="center"> 17.05.2019 15:01 von Fusselchen</tr>
	</table></td></tr></table><br>


		
	<table width="860" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td><br>
	<table width="100%" border="0" cellspacing="1"  bgcolor="#000000">
		<tr bgcolor="#638CB1"><td  colspan="3"><br>

Besucher : 8143636   
Heute : 130    
Gestern : 729    
Online : 25    
22.12.2024    9:07     
0 Besucher in den letzten 60 Sekunden 
       
<br></td></tr>



</table>


<table width="900" border="0" cellspacing="0" height="22" cellpadding="0" align="center" background="/images/lbg.jpg">
<tr>
<td height="1" colspan="2"><img src="/images/weisserpixel.gif" width="900" height="1"></td>
</tr>
<tr>
<td width="900"><div class="unten">  
<a href="profil.php?show=nb">Nutzungsbedingungen</a> | <a href="http://www.webwork-community.net/impressum.html" target="_blanc" rel="no follow">Impressum</a> | <a href="http://www.webwork-community.net/datenschutz.html" target="_blanc" rel="no follow">Datenschutz</a> |
<a href="rss/rss.xml" class="unten" target="_blank">RSS</a>

</div>
</td>
<td width="90" align="right"><a href="#top" class="unten">
<div class="unten">
Nach oben</a>    
</div>
</td>
</tr>
<tr>
<td height="1" colspan="2"><img src="/images/weisserpixel.gif" width="900" height="1"></td>
</tr>

</table>
<br>


</BODY>
</HTML>