zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Thickbox/Lightbox/Fancybox pop-up bei Seitenaufruf öffnen! Wie?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.10.2011, 12:01
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 03.02.2011
Ort: Ravensburg
Beiträge: 134
Scolex befindet sich auf einem aufstrebenden Ast
Standard Thickbox/Lightbox/Fancybox pop-up bei Seitenaufruf öffnen! Wie?

Hallo,

ich würde gern beim öffnen einer Seite, ein Bild als "pop-up" mittels Lightbox/Thickbox/Fancybox, automatisch öffnen lassen.

Bei dem Bild handelt es sich um Aktionsangebote. Ob Lightbox/Thickbox/Fancybox ist mir eigentlich egal (Favorit Fancybox), habe keine Ahnung welches sich da am Besten eignet.

Habe jetzt schon verschiedenste Möglichkeiten ausprobiert, welche aber nie erfolgreich waren, das click-Ereignis wurde einfach nicht ausgeführt.

Was mache ich falsch???

Code:
<a id="anchor1_id" href="foto.jpg" rel="lightbox">a</a>

<script type="text/javascript">
function aclick(anchor_id) {
    var a = document.getElementById(anchor_id);
    mainLightbox.start(a);
}
</script>
Im Body-Tag:

Code:
<body onload="aclick('anchor1_id')">
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.10.2011, 14:28
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 03.02.2011
Ort: Ravensburg
Beiträge: 134
Scolex befindet sich auf einem aufstrebenden Ast
Standard

Auch diese Variante funktioniert bei mir nicht...

My Code Snippet : Automatically start Lightbox on page load (autoFireLightbox) | Bram.us

Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.10.2012, 03:15
Neuer Benutzer
neuer user
 
Registriert seit: 12.10.2012
Beiträge: 2
Dani83 befindet sich auf einem aufstrebenden Ast
Standard hattest Du ne Lösung gefunden?

Hey,

ich bin gerade auf der Suche nach genau dem, was Du gesucht hast... Hattest Du ne Lösung gefunden?!?
Mit Zitat antworten
  #4 (permalink)  
Alt 12.10.2012, 09:13
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 03.02.2011
Ort: Ravensburg
Beiträge: 134
Scolex befindet sich auf einem aufstrebenden Ast
Standard

Hallo,
ja ich habe es damals noch hinbekommen.
Zuerst musst Du jquery und fancybox laden lassen wie z.B.:

Code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="./jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="./jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
Das folgende Script zum Aufruf der Funktion habe ich bei mir im BODY platziert:

Code:
<script type="text/javascript">
	  setTimeout(function() { //Verzögerte Einblendung
		$(document).ready(function() {
		  $('#img_01').fancybox();
		  $('#img_01').click();
		});
	  }, 1800);
    </script>
<a rel="group" id="img_01" title="Bildtitel" href="ad_imgs/winter_2012.jpg"><img src="bildvorschau.jpg" /></a>
Dabei ist href="ad_imgs/winter_2012.jpg" das einzublendende Bild, "bildvorschau.jpg" ist bei mir nur ein Platzhalter, der Wert 1800 gibt die Einblendeverzögerung in ms an.

Hoffe es klappt bei Dir!
Mit Zitat antworten
  #5 (permalink)  
Alt 14.10.2012, 05:30
Neuer Benutzer
neuer user
 
Registriert seit: 12.10.2012
Beiträge: 2
Dani83 befindet sich auf einem aufstrebenden Ast
Standard Danke!!!

Vielen Dank. Das funktioniert! Bin überglücklich!
Mit Zitat antworten
  #6 (permalink)  
Alt 14.10.2012, 11:58
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 03.02.2011
Ort: Ravensburg
Beiträge: 134
Scolex befindet sich auf einem aufstrebenden Ast
Daumen hoch

You're welcome my friend!
Mit Zitat antworten
  #7 (permalink)  
Alt 28.11.2016, 03:44
Neuer Benutzer
neuer user
 
Registriert seit: 28.11.2016
Beiträge: 3
seb_jan befindet sich auf einem aufstrebenden Ast
Standard Hilfe

hallo zusammen, ich grabe hier mal ganz tief etwas wieder aus, aber vielleicht kann ja jemand helfen:

der angezeigte code oben scheint zu funktionieren aber bei mir kann der content nicht geladen werden. Das besondere in meinem Fall ich habe das ganze in einer mit einem website builder (weebly) realisierten website eingebaut - die testseite ist folgende FIFA FOHLEN MAGAZIN - News

nach 6 sekunden soll das bild als pop up erscheinen und es erfolgt die meldung

The requested content cannot be loaded.
Please try again later.

was kann ich machen, woran könnte es liegen?

ich vermute zum zeitpunkt des ladens kann noch nicht auf die bild datei zugegriffen werden!? aber wie kann ich das ändern?

danke vorab, gruß, seb
Mit Zitat antworten
  #8 (permalink)  
Alt 28.11.2016, 11:01
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.247
cloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblickcloned ist ein wunderbarer Anblick
Standard

Erster Fehler den man bekommt wenn man die Seite aufmacht:


http://www.fifa-fohlen-magazin.de/jq...-1.3.4.pack.js Failed to load resource: the server responded with a status of 404 (Not Found)

Da würde ich mal ansetzen.
Mit Zitat antworten
  #9 (permalink)  
Alt 28.11.2016, 13:07
Neuer Benutzer
neuer user
 
Registriert seit: 28.11.2016
Beiträge: 3
seb_jan befindet sich auf einem aufstrebenden Ast
Standard

danke ja, die adresse der bild datei war falsch

ich teste jetzt auf folgender seite weiter:

kopie praxis js - Zahnarztpraxis Dr. Julia Spindler

Es klappt jetzt auch, Problem ist aber das das BIld schon vorher dauerhaft angezeigt wird.

Ist das die Bild Vorschau? Sprich der Link zur Datei ist ja 2x im Code, wenn ich den einen weg lasse? Ich probiere es gleich mal

danke vorab.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 28.11.2016, 13:11
Neuer Benutzer
neuer user
 
Registriert seit: 28.11.2016
Beiträge: 3
seb_jan befindet sich auf einem aufstrebenden Ast
Standard

ich habe den fehler gefunden.....

einfach "<img src="wgdrsp.png" />" weg lassen sonst wird es dauerhaft zuvor schon angezeigt
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Layoutcheck + Including crimi Site- und Layoutcheck 8 27.09.2008 22:08
Mootools - Toggle Element beim Seitenaufruf verstecken TBaDDadE Javascript & Ajax 12 17.02.2008 11:02
Ueber PullDown Menue Datei oeffnen chrism Javascript & Ajax 6 27.01.2007 00:42
Input Image - Link im selben Fenster öffnen Ares (X)HTML 2 16.10.2006 10:12
Bild in neuem Fenster öffnen (Fenstergröße vorgeben) Sp33dy G0nz4l3s Javascript & Ajax 4 05.06.2006 15:10


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:08 Uhr.