mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 08.12.2016 19:41 Benutzername: Passwort: Auto-Login

Thema: Bild als Pop-Up anzeigen vom 16.05.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Bild als Pop-Up anzeigen
Seite: 1, 2  Weiter
Autor Nachricht
Daniel06
Threadersteller

Dabei seit: 16.05.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 16.05.2006 17:29
Titel

Bild als Pop-Up anzeigen

Antworten mit Zitat Zum Seitenanfang

Hallo!

Ich habe mich mittlerweile wegen einem Problem mehrere Stunden das i-net und Foren gelesen, mehrere Sachen ausprobiert, mich nun aber verzweifelt entschlossen mal konkret nach meinem Problem zu fragen.
Hoffe ihr könnt mir helfen.
Also ich bau gerade eine Homepage für meinen Fußballverein und wollte bei Mannschaftsfotos ein kleines auf die Seite stellen und per Klick auf das Bild ein Pop-Up öffnen lassen das an die Größe angepasst ist und das das Bild dann größer darstellt.
Habe dafür ein Script benutzt dass ich im Netz gefunden habe:
(Quelle ist : http://www.salesianer.de/util/bildpopup.html )

Zitat:

<script language="JavaScript">
<!--
zz=1;
zbildsrc="x";
function zbildgeladen() {
if(zbildsrc==zbild.src) {
zbreite=zbild.width;
zhoehe=zbild.height;
xb=zbreite+15; // Soll-Schätzung für externe Fenstermaße
xh=zhoehe+22; // wird in zbildgeladen2 sowie korrigiert
zwin=window.open(zbildsrc,"pbild",
"resizable=1,location=0,directories=0,status=0,menubar=0,"+
"scrollbars=0,toolbar=0,width="+xb+",height="+xh);
window.setTimeout("zbildgeladen2()",1000);
}
}
function zbildgeladen2() {
if(zwin.document.body && zwin.document.body.offsetWidth &&
navigator.userAgent.indexOf("Gecko")<0) {
var ib=zbreite+24; // Soll-Schätzung für interne Fenstermaße
var ih=zhoehe+28; // beim MSIE
var diffb=ib-zwin.document.body.offsetWidth;
var diffh=ih-zwin.document.body.offsetHeight;
if(zwin.resizeBy) zwin.resizeBy(diffb,diffh);
else if(zwin.resizeTo) zwin.resizeTo(xb,hx);
}
else if(zwin.innerWidth) {
var ib=zbreite+16; // Soll-Schätzung für interne Fenstermaße
var ih=zhoehe+16; // beim NN
var diffb=ib-zwin.innerWidth;
var diffh=ih-zwin.innerHeight;
if(zwin.resizeBy) zwin.resizeBy(diffb,diffh);
else if(zwin.resizeTo) zwin.resizeTo(xb,hx);
}
else if(zwin.resizeTo) zwin.resizeTo(xb,hx);
zwin.focus();
lademeldaus();
}
function zbildfehler() {
if(zbildsrc==zbild.src)
alert("Das Bild "+zbildsrc+" konnte nicht geladen werden.");
return true;
}
function pb(li) { // public
zbildsrc="x"+(zz++);
zbild=new Image();
zbild.onerror=zbildfehler;
zbild.onload=zbildgeladen;
zbildsrc=li.href;
zbild.src=zbildsrc;
lademeldein();
return false;
}

// Anzeige des Ladevorgangs
ladebild=new Array();
ladebild[0]=new Image();
ladebild[0].src="bildlad0.gif";
ladebild[1]=new Image();
ladebild[1].src="bildlad1.gif";
ladebild[2]=new Image();
ladebild[2].src="bildlad2.gif";
function lademeldein() { // public
ladestat=2;
lademeld();
}
function lademeld() {
ladestat=3-ladestat;
if(ladestat>0 && ladestat<3) {
document.images["ladestatus"].src=ladebild[ladestat].src;
window.setTimeout("lademeld()",500);
}
}
function lademeldaus() { // public
ladestat=0;
document.images["ladestatus"].src=ladebild[0].src;
}
// -->
</script>


Der Body-Befehl lautet dann :

Zitat:

<a href="Bilder/a.jpg" target="pbild" onclick="return pb(this)"><img src="manfotoa.jpg" width="115" height="133" border="0" alt="Mit Klick Vergrößern"></a>


Es sind zwei verschiedene Fotos. Einmal ein zurechtgeschnittenes(manfotoa) und das Große(a).

Offline funktioniert es auch alles super, genauso wie geplant.
Wenn ich nun aber die Dateien hochlade, werden keine Bilder mehr angezeigt.

Es ist ein UNIX-Server, kenne mich da nicht so aus, aber könnte es vll. daran liegen.
Weiß echt nicht mehr weiter. Habe auch schon andere Scripts mit änhlichem Zweck ausprobiert und es ist das gleiche Problem. Offline TipTop, Online geht nichts.

Danke schonmal im Vorraus!

Daniel
  View user's profile Private Nachricht senden
Berlim

Dabei seit: 06.04.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 16.05.2006 18:10
Titel

Antworten mit Zitat Zum Seitenanfang

Hallo,

ich habe ein Script von www.js-welt.de (unter "Javascript", dann "Nützliches" anklicken),
daß die Pop-ups an die Bildgrösse automatisch anpasst verwendet und sehr zufrieden, weil es recht simple gehalten ist.

Der Quelltext:

Code:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function Foto(img){
  foto1= new Image();
  foto1.src=(img);
  Controlla(img);
}
function Controlla(img){
  if((foto1.width!=0)&&(foto1.height!=0)){
    viewFoto(img);
  }
  else{
    funzione="Controlla('"+img+"')";
    intervallo=setTimeout(funzione,20);
  }
}
function viewFoto(img){
  largh=foto1.width+20;
  altez=foto1.height+20;
  stringa="width="+largh+",height="+altez;
  finestra=window.open(img,"",stringa);
}
//  End -->
</script>
<a href="javascript:Foto('http://www.get-allfree.com/pictures/IEZ_frogme.jpg')">Bild zeigen</a>


Der Link zu dieser Seite
hier

Hoffentlich ist es das was du meinst, viel Glück!
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Anti78

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 38
Geschlecht: Männlich
Verfasst Mi 17.05.2006 07:46
Titel

Antworten mit Zitat Zum Seitenanfang

Wie wäre es mit CSS?

http://host.sonspring.com/hoverbox/
http://www.mondaybynoon.com/2006/03/27/suckerfish-hoverlightbox/


Zu deinem Problem. Biste sicher, dass die Pfade zu den Bildern passen?
  View user's profile Private Nachricht senden
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 39
Geschlecht: Männlich
Verfasst Mi 17.05.2006 09:40
Titel

Antworten mit Zitat Zum Seitenanfang

Also wenn es bei dir funktioniert (Windows?) und nicht mehr im Netz (Unix), dann wäre mein erster Gedanke, daß du nicht bedacht hast, daß so gut wie alle Unix-Dateisysteme casesensitiv arbeiten.

D.h.: Während es auf Windows egal ist, ob du einen Dateinamen groß- oder klein schreibst, wären
BILD.JPG
bild.jpg
Bild.jpg
auf einem Unixsystem drei unterschiedliche Dateien.

Du solltest also als erstes mal die Groß- und Kleinschreibung überprüfen.
  View user's profile Private Nachricht senden
Daniel06
Threadersteller

Dabei seit: 16.05.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 18.05.2006 00:07
Titel

Antworten mit Zitat Zum Seitenanfang

War echt die Groß-und-Kleinschreibung. Ist mir ja jetzt fast ein bisschen peinlich!

Danke schön!

Hab da aber noch ne Frage. Ich suche ein Gästebuch. Es sollte aber in die Page bzw. den Frame integriert werden können und nicht wie bei den kostenlosen Gästebüchern die ich bis jetzt gesehn habe ne neue Seite öffnen die bei dem Gästebuchanbieter liegt. Es sollte ganz ohne einen solchen Funktionieren. Gibts da was fertiges. Sollte sehr schlicht und einfach sien.
Falls jmd was weiß wäre das sehr cool!

Danke
  View user's profile Private Nachricht senden
Anti78

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 38
Geschlecht: Männlich
Verfasst Do 18.05.2006 07:40
Titel

Antworten mit Zitat Zum Seitenanfang

Schau dir mal das hier an:
Link

Funzt sogar ohne Datenbank.
  View user's profile Private Nachricht senden
Benutzer 4545
Account gelöscht


Ort: -

Verfasst Mo 26.01.2009 18:30
Titel

Antworten mit Zitat Zum Seitenanfang

dieses script funzt leider bei mir im ie 6 nicht...hat da jemand eine lösung?

Zitat:
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function Foto(img){
foto1= new Image();
foto1.src=(img);
Controlla(img);
}
function Controlla(img){
if((foto1.width!=0)&&(foto1.height!=0)){
viewFoto(img);
}
else{
funzione="Controlla('"+img+"')";
intervallo=setTimeout(funzione,20);
}
}
function viewFoto(img){
largh=foto1.width+20;
altez=foto1.height+20;
stringa="width="+largh+",height="+altez;
finestra=window.open(img,"",stringa);
}
// End -->
</script>
<a href="javascript:Foto('http://www.get-allfree.com/pictures/IEZ_frogme.jpg')">Bild zeigen</a>
 
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 26.01.2009 20:42
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
      function PopUp(link) {
         var src = link.href;
         var title = link.title;
         var img = new Image();
         img.src = src;
         var size = "width=" + (img.width + 30) + ",height=" + (img.height + 30);
         var popup = window.open(src, title, size);   
         img.onload = function() {
            popup.innerWidth = img.width + 30;
            popup.innerHeight = img.height + 30;
         }      
         return false;
      }


Code:
        <a href="http://www.mediengestalter.info/templates/subSilver/images/mgi-logo.gif" title="MGI Logo" onclick="return PopUp(this);">PopUp</a>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen [Javascript] Das perfekte (Bild-) Pop-Up
[Flash] bild anzeigen bei mouseover
Bild bei fehlendem Flash-Player anzeigen?
[php] Dateiname aus CSV als Bild anzeigen
Alternativ Bild anzeigen, wenn Flash nicht installiert ist?
Bild anzeigen und verstecken sowie ändern mit einem Link
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.