zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Jquery lightbox bei Seitenaufruf starten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.01.2010, 20:01
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.12.2008
Beiträge: 67
connor befindet sich auf einem aufstrebenden Ast
Standard Jquery lightbox bei Seitenaufruf starten

Hallo!
Ich möchte, dass das Jquery-Lightbox-Plugin mir ein Bild beim Seitenaufruf anzeigt.
Ich suche nun schon eine ganze Weile nach der Lösung, aber komme auf keinen grünen Zweig...

So sieht mein Quelltext bisher aus:
HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>New Document</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
	$('a').lightBox({fixedNavigation:true});
});
</script>

<link rel="stylesheet" type="text/css" href="jquery.lightbox-0.5.css" media="screen" />
</head>
<body>
<a href="050.jpg">Summer01</a>
</body>
</html>
Kann mir jemand bitte weiterhelfen?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.01.2010, 20:41
Benutzerbild von Scheppertreiber
Chaot und Nonkonformist.
XHTMLforum-Kenner
 
Registriert seit: 13.03.2007
Ort: Steinmark im Spessart
Beiträge: 7.457
Scheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein LichtblickScheppertreiber ist ein Lichtblick
Standard

Du solltest die Funktion auch aufrufen.

Mit

Zitat:
$(document).ready( function {
$('a').lightBox({fixedNavigation:true});
});
sollte das gehen. Hintergrund: Das DOM muß stehen (salopp gesagt, der
Browser muß die "a"s auch finden können. Also sollte das erst ausgeführt
werden wenn die Seite komplett geladen wurde).
__________________
Grüße aus dem Spessart, Joe

{ table-layout: biertischistbesser; }
Der Mausinator
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.01.2010, 21:51
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.776
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Hi zusammen,

$(function(){}) ist die Kurzschreibweise von $(document).ready(function(){})

Wenn das Bild beim Seitenaufruf geladen werden soll, dann wäre es am einfachsten einen Klick auf den Link zu simulieren.

Gib dem Link mit dem Startbild am Besten eine ID.

javascript:
PHP-Code:
$(function() {
     $(
'a').lightBox({fixedNavigation:true});           
     $(
"#startimage").trigger("click"); //Simuliert den Link-Klick
}); 
Code:
<a href="images/top_left.jpg" id="startimage">test</a>
Mit Zitat antworten
  #4 (permalink)  
Alt 16.01.2010, 21:51
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.12.2008
Beiträge: 67
connor befindet sich auf einem aufstrebenden Ast
Standard

soll heißen - das hier:
Code:
$(document).ready( function {
$('a').lightBox({fixedNavigation:true});
});
muss nach dem <a> kommen?

Gut, habe ich mal ausprobiert - funktioniert aber leider nicht...
Mit Zitat antworten
  #5 (permalink)  
Alt 16.01.2010, 21:53
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.12.2008
Beiträge: 67
connor befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von hemfrie Beitrag anzeigen
Hi zusammen,

$(function(){}) ist die Kurzschreibweise von $(document).ready(function(){})

Wenn das Bild beim Seitenaufruf geladen werden soll, dann wäre es am einfachsten einen Klick auf den Link zu simulieren.

Gib dem Link mit dem Startbild am Besten eine ID.

javascript:
PHP-Code:
$(function() {
     $(
'a').lightBox({fixedNavigation:true});           
     $(
"#startimage").trigger("click"); //Simuliert den Link-Klick
}); 
Code:
<a href="images/top_left.jpg" id="startimage">test</a>

Jippie! Das funktioniert - cool! Dankeschön!
Mit Zitat antworten
  #6 (permalink)  
Alt 20.01.2010, 22:41
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.12.2008
Beiträge: 67
connor befindet sich auf einem aufstrebenden Ast
Standard

Hallo

eine Frage hätte ich noch! Wie kann ich ganze HTML-Dateien in das sich öffnende Popup legen? Leider funktioniert es nicht, wenn ich einfach den PFad auf eine HTML-Datei richte...
Mit Zitat antworten
  #7 (permalink)  
Alt 20.01.2010, 23:21
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.776
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Hallo Silent,

mit der jQuery-Lightbox kannst Du das gar nicht machen. Dieses Plugin unterstützt nur die Anzeige von Bildern.

Dafür müsstest Du auf andere Skripte wie z.B. die Fancybox, Thickbox, ... ausweichen.
Mit Zitat antworten
  #8 (permalink)  
Alt 22.01.2010, 05:02
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.12.2008
Beiträge: 67
connor befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von hemfrie Beitrag anzeigen
Hallo Silent,

mit der jQuery-Lightbox kannst Du das gar nicht machen. Dieses Plugin unterstützt nur die Anzeige von Bildern.

Dafür müsstest Du auf andere Skripte wie z.B. die Fancybox, Thickbox, ... ausweichen.
Hallo, danke für die Hinweise! Ich habe jetzt die Fancybox benutzt. Damit klappte es wunderbar!

Ich hätte da noch eine Frage
Das mit dem Starten des Popups beim Seitenaufruf klappt ja jetzt, nur ist es sicherlich sehr nervig wenn das Popup ständig erscheint, wenn die Seite neu geladen wird.
Ich denke da an ein Cookie, das ein paar Tage hält und solange das Popup nicht mehr automatisch aufgerufen wird.

Wie funktioniert das?
Mit Zitat antworten
  #9 (permalink)  
Alt 22.01.2010, 09:27
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.776
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Hi Silent,

da Du ja bereits jQuery verwendest, kannst Du fürs Cookie setzen dieses Plugin hier verwenden: Plugins | jQuery Plugins

Die Abfrage und das setzen des Cookies könntest Du dann wie folgt lösen:

javascript:
PHP-Code:
if($.cookie('popup_status') != 'popped'){
      $(
"#startimage").trigger("click"); //Simuliert den Link-Klick
      
$.cookie('popup_status''popped', { expires}); //Cookie hält 7 Tage

Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 22.01.2010, 23:10
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 20.12.2008
Beiträge: 67
connor befindet sich auf einem aufstrebenden Ast
Standard

Code:
<script type="text/javascript">
	$(document).ready(function() {
		$("a.zoom").fancybox({
			'overlayOpacity':0.6,
			'overlayColor':'#000000',
			'zoomSpeedIn':500,
			'zoomSpeedOut':500,
			'frameWidth':722,
			'frameHeight':428,
			'padding':25,
			'hideOnContentClick':false,
	
		});
		
		if($.cookie('popup_status') != 'popped'){
			$("a.zoom").trigger("click"); //Simuliert den Link-Klick
			$.cookie('popup_status', 'popped', { expires: 7 }); //Cookie hält 7 Tage
		}
	});
</script>
Danke erst mal!
Ich habe es eingebaut, aber es funktioniert nicht... hmm, wo ist der Fehler?
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
jcarousel + jquery lightbox plugin Thorolf Javascript & Ajax 0 23.02.2011 14:18
Download mit JQuery starten crossgolfer85 Javascript & Ajax 1 18.07.2010 20:39
jQuery: Funktion beim Seitenaufruf laden Twyxx Javascript & Ajax 1 25.03.2010 20:57
Lightbox mit zweiter CSS Datei funktioniert nicht T4ke CSS 12 11.12.2007 20:20
Lightbox 2 wie Lightbox 1 öffnen .wired Javascript & Ajax 3 31.10.2007 23:35


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:47 Uhr.