17.04.2010, 09:22
|
#1 (permalink) |
|
Neuer Benutzer
Registriert seit: 16.04.2010
Ort: Graz
Beiträge: 29
 |
Jalbum in meinen Fenster
Da ich ein völliger Neuling mit dem Program und Html bin würde ich wieder eure Hilfe brauchen. Ich habe 2 Fotogalerien mit Jalbum erstellt und auch schon auf meinen Server in meinem Startordner liegen. Wie muss ich vorgehen, um diese Fotogalerie in meinen Festeren der Homepage anzeigen zu können. Ich habe als Vorlage das Theta-Design genommen.
Danke für die Hilfe! |
|
|
|
18.04.2010, 01:55
|
#3 (permalink) |
|
Neuer Benutzer
Registriert seit: 16.04.2010
Ort: Graz
Beiträge: 29
|
AW: Jalbum in meinen Fenster
Leider komme ich mit dieser Anleitung bei Punkt >>"lightWindowInit"<< suchen in der html-Datei vom Album nicht weiter, denn diesen Eintrag habe ich nicht gefunden.
So sieht bei mir die html-Datei des Album´s aus: Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<!-- Free version -->
<!-- saved from url=(0014)about:internet -->
<!-- saved from url=(0014)about:internet -->
<head>
<title>Schöckl - Faistenau(Salzburg)</title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="Keywords" content="photo,album,gallery,Schöckl - Faistenau(Salzburg)" />
<meta name="Description" content="Nur einige Fotos des Fluges nach Salzburg" />
<script type="text/javascript">
/* <![CDATA[ */
function preventDefault(e) {
if (document.addEventListener) e.preventDefault();
else e.returnValue=false;
return false;
}
function keypress(e) {
if(typeof _jaWidgetFocus != 'undefined' && _jaWidgetFocus) return true;
if(!e) var e = window.event;
if(e.keyCode) keyCode = e.keyCode;
else if(e.which) keyCode = e.which;
switch(keyCode) {
case 8: window.location="../index.htm"; return preventDefault(e); break;
case 63273: case 36: window.location="index.htm"; return preventDefault(e); break;
case 63275: case 35: window.location="index.htm"; return preventDefault(e); break;
case 32: show_down(); setTimeout('show_out()', 200); return preventDefault(e); break;
case 13: window.location="slides/Salzburg1.htm?show_param=4"; return preventDefault(e); break;
}
return true;
}
function setuplisteners() {
if (document.addEventListener) document.addEventListener('keypress',keypress,false);
else if (document.attachEvent) document.attachEvent('onkeydown',keypress);
}
up0 = new Image(31,31); up0.src = "res/up.gif";
up1 = new Image(31,31); up1.src = "res/up1.gif";
next0 = new Image(31,31); next0.src = "res/next.gif";
next1 = new Image(31,31); next1.src = "res/next1.gif";
prev0 = new Image(31,31); prev0.src = "res/prev.gif";
prev1 = new Image(31,31); prev1.src = "res/prev1.gif";
show0 = new Image(31,31);show0.src = "res/show.gif";
show1 = new Image(31,31);show1.src = "res/show1.gif";
stop0 = new Image(31,31);stop0.src = "res/stop.gif";
stop1 = new Image(31,31);stop1.src = "res/stop1.gif";
var delay = 4;
function show_over() {
document.getElementById("show").src = show1.src;;
}
function show_out() {
document.getElementById("show").src = show0.src;
}
function show_down() {
window.location="slides/Salzburg1.htm?show_param="+delay+ "";
}
function change_delay() {
delay = prompt('Verzögerung', 4);
}
function redirect() {
}
top.window.moveTo(0,0);
if (document.all) {
top.window.resizeTo(screen.availWidth,screen.availHeight);
}
else if (document.layers || document.getElementById) {
if (top.window.outerHeight < screen.availHeight || top.window.outerWidth < screen.availWidth) {
top.window.outerHeight = screen.availHeight;
top.window.outerWidth = screen.availWidth;
}
}
window.onload = function() {
setuplisteners();
};
/* ]]> */
</script>
<link rel="stylesheet" type="text/css" href="res/styles.css" />
<link rel="alternate" href="album.rss" type="application/rss+xml"/>
</head>
<body id="body">
<div style="margin-left:auto; margin-right:auto; padding-bottom:10px; text-align:center;">
<table style="height:54px;" align="center" cellspacing="0" cellpadding="0" border="0">
<tr><td>
<!-- Header of index pages -->
<table style="width:816px;" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="width:31px;">
<a href="../" target="_parent">
<img style="border:0;" src="res/up.gif" onmouseover="this.src=up1.src" onmouseout="this.src=up0.src" width="31" height="31" title=" Eine Ebene nach oben " alt="Up" id="up" /></a></td>
<td style="width:20px;">
<img style="border:0;" src="res/hdr_left.gif" alt="" /></td>
<td style="text-align:left; background:transparent url(res/hdr_mid.gif); background-repeat: repeat-x; white-space:nowrap;" class="title"> Schöckl - Faistenau(Salzburg) </td>
<td style="width:20px;">
<img style="border:0;" src="res/hdr_right.gif" alt="" /></td>
<td style="width:31px;"> <!-- Start/Stop slideshow button -->
<a href="javascript:void(0)"><img style="border:0;" onmouseover="show_over();" onmouseout="show_out();" onmousedown="show_down();" ondblclick="change_delay();" src="res/show.gif" width="31" height="31" title=" Diashow starten/beenden - Doppelklick, um die Geschwindigkeit zu ändern " alt="Slideshow" id="show" /></a></td>
</tr></table>
</td></tr></table>
<br />
<table style="width:816px;" align="center" class="infotable" cellspacing="0" cellpadding="2">
<tr><td align="center" class="comment">Nur einige Fotos des Fluges nach Salzburg</td></tr>
</table><br />
<!-- Thumbnail images -->
<table align="center" cellspacing="6" cellpadding="0" border="0">
<tr><td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg1.htm">
<img class="image" src="thumbs/Salzburg1.JPG" width="120" height="80" title=" Dieses Foto, zeigt den Blick nach Trofaiach. " alt="Salzburg1" /></a></td></tr>
</table>
</td>
<td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg2.htm">
<img class="image" src="thumbs/Salzburg2.JPG" width="120" height="80" title=" Dieses Foto kann ich leider nicht mehr zuordnen, aber es... " alt="Salzburg2" /></a></td></tr>
</table>
</td>
<td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg4.htm">
<img class="image" src="thumbs/Salzburg4.JPG" width="120" height="80" title=" Das ist der Eisenerzer Reichenstein. Als ich später mehr... " alt="Salzburg4" /></a></td></tr>
</table>
</td>
<td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg5.htm">
<img class="image" src="thumbs/Salzburg5.JPG" width="120" height="80" title=" Dieses Bild zeigt den Erzberg, im Hindergrund liegt die... " alt="Salzburg5" /></a></td></tr>
</table>
</td>
<td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg7.htm">
<img class="image" src="thumbs/Salzburg7.JPG" width="120" height="80" title=" Gaishorn am See Richtung Trieben. Ich bin links an dieser... " alt="Salzburg7" /></a></td></tr>
</table>
</td>
<td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg9.htm">
<img class="image" src="thumbs/Salzburg9.JPG" width="120" height="80" title=" Der Schoberpass " alt="Salzburg9" /></a></td></tr>
</table>
</td>
<td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg10.htm">
<img class="image" src="thumbs/Salzburg10.JPG" width="120" height="80" title=" Ankunft in Wald am Schoberpass - war ich froh, wieder... " alt="Salzburg10" /></a></td></tr>
</table>
</td></tr>
<tr><td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg11.htm">
<img class="image" src="thumbs/Salzburg11.JPG" width="120" height="80" title=" Dieses Bild kann ich leider nicht mehr zuordnen, aber es... " alt="Salzburg11" /></a></td></tr>
</table>
</td>
<td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg12.htm">
<img class="image" src="thumbs/Salzburg12.JPG" width="120" height="80" title=" Dieses Bild entstand noch vor Liezen. Links kann man... " alt="Salzburg12" /></a></td></tr>
</table>
</td>
<td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg13.htm">
<img class="image" src="thumbs/Salzburg13.JPG" width="120" height="80" title=" Das ist der Grunglsee " alt="Salzburg13" /></a></td></tr>
</table>
</td>
<td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg14.htm">
<img class="image" src="thumbs/Salzburg14.JPG" width="120" height="80" title=" Im Hindergrund sieht man den Grimming, den ich von hier... " alt="Salzburg14" /></a></td></tr>
</table>
</td>
<td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg15.htm">
<img class="image" src="thumbs/Salzburg15.JPG" width="120" height="80" title=" Ein Blick zum Dachsteingebiet " alt="Salzburg15" /></a></td></tr>
</table>
</td>
<td style="vertical-align:top; text-align:center;"><table width="140" align="center" border="0" cellspacing="0" cellpadding="0">
<tr><td style="width:140px; height:140px; background:url(res/dia.gif); background-repeat:no-repeat; margin-left:auto; margin-right:auto; text-align:center;">
<a href="slides/Salzburg16.htm">
<img class="image" src="thumbs/Salzburg16.JPG" width="120" height="80" title=" Ein Blick auf dem Altauseeer See - auf der rechten Seite... " alt="Salzburg16" /></a></td></tr>
</table>
</td>
</tr>
</table>
<br />
<table style="width:816px;" align="center" class="infotable" cellspacing="0" cellpadding="2">
<tr><td align="center" class="xsmalltxt">Anzahl Bilder: <strong>13</strong> | Letzte Aktualisierung: <strong>16.04.10 20:55</strong> | Erzeugt von <a href="http://jalbum.net" title=" JAlbum v8.7.2 - JAlbum - Der Freeware Web-Fotoalbum-Generator ">JAlbum</a> & <a href="http://lazaworx.com/" title=" Chameleon v4.6.1 Steel skin by LazaWorx ">Chameleon</a> | <a href="javascript:void(0)" onclick="window.open('help.htm','Hilfe','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,copyhistory=no,resizable=yes,width=560,height=560')">Hilfe</a></td></tr>
</table>
</div>
<div id="jalbumwidgetcontainer"></div>
<script type="text/javascript" charset="utf-8"><!--//--><![CDATA[//><!--
_jaSkin = "Chameleon";
_jaStyle = "Steel.css";
_jaVersion = "8.7.2";
_jaLanguage = "de";
_jaPageType = "index";
_jaRootPath = ".";
_jaUserName = "ironfire";
var script = document.createElement("script");
script.type = "text/javascript";
script.src = "http://jalbum.net/widgetapi/load.js";
document.getElementById("jalbumwidgetcontainer").appendChild(script);
//--><!]]></script>
</body>
</html>
Geändert von voodoo36 (19.04.2010 um 14:00 Uhr) |
|
|
|
|
18.04.2010, 10:08
|
#4 (permalink) |
|
Erfahrener Benutzer
Registriert seit: 28.11.2009
Ort: Cottbus/Spreewald
Beiträge: 2.838
|
AW: Jalbum in meinen Fenster
Deine Galerie wird wie folgt aufgerufen:
......./name/index.html Um erst mal generell etwas auf Deiner Website zu sehen, kannst Du sie per iframe einbinden. Neuer Absatz>HTML-Absatz/Element>Externes Element einbinden Im folgenden Dialogfeld gibst Du den Link zu Deiner Galerie, wie oben geschriben ein. Den iframe kann man hinterher noch anpassen. Eine andere Variante, die ich nutze, siehst Du hier. Klicke unten auf ein Bild der Galerie. Einfach mal sagen, wie Du es nun genau haben willst.
__________________
Never change a running system - wenn etwas läuft, soll man nichts ändern. Design-Anpassungen und mehr.... |
|
|
|
|
18.04.2010, 12:14
|
#5 (permalink) |
|
Neuer Benutzer
Registriert seit: 16.04.2010
Ort: Graz
Beiträge: 29
|
AW: Jalbum in meinen Fenster
Paulemann: Ja, genau so wie du es hast, hätte ich mir das auch vorgestellt. Das sieht super aus – Gratulation! Kannst du mir das genauer erklären, wie ich das so hinbekommen könnte? Ich bin aber Anfänger!
Wie machst du auch die Bilder in deiner Startseite rein. Wenn du bei mir schaust, sind alle ganz rechts, und in einer Größe – das sieht aus wie>>ich möchte gerne, aber ich kann nicht<<, und genauso ist es leider auch! Jetzt werde ich mich ein wenig mit deiner Seite beschäftigen, denn ich habe gesehen dass du auch Tipps zu W2D schreibst. Da werde ich sicher noch fündig werden. Vorerst einmal Danke! |
|
|
|
|
18.04.2010, 12:27
|
#6 (permalink) |
|
Erfahrener Benutzer
Registriert seit: 28.11.2009
Ort: Cottbus/Spreewald
Beiträge: 2.838
|
AW: Jalbum in meinen Fenster
Tja, das leidliche Problem....Wo finde ich Deine Seite und welches Design verwendest Du?
Ich füge es per HTML-Absatz als Codeblock ein, wobei die 3 Bilder die Du jetzt siehst von den Thumbs von Album kommen, die ja schon auf dem Server liegen. Ich brauche erst einmal ein Bild von Deiner Site. Alles andere ist viel viel lernen und lesen.....(Handbuch und Foren).
__________________
Never change a running system - wenn etwas läuft, soll man nichts ändern. Design-Anpassungen und mehr.... |
|
|
|
|
18.04.2010, 12:52
|
#7 (permalink) |
|
Neuer Benutzer
Registriert seit: 16.04.2010
Ort: Graz
Beiträge: 29
|
AW: Jalbum in meinen Fenster
Meine Seite erreichst du unter www.flieg-mit-mir.at und ich verwende das Theta-Deign.
Hier im Forum habe ich bevor ich hier geschrieben habe die Suchmaschine angeworfen. Aber so wirklich viel habe ich über Jalbum zum einbinden in der Seite nicht gefunden- leider! |
|
|
|
|
18.04.2010, 15:22
|
#8 (permalink) |
|
Erfahrener Benutzer
Registriert seit: 28.11.2009
Ort: Cottbus/Spreewald
Beiträge: 2.838
|
AW: Jalbum in meinen Fenster
Wie willst Du es nun einbinden? So wie ich oder wie ich oben bereits geschrieben habe erst mal als iframe?
__________________
Never change a running system - wenn etwas läuft, soll man nichts ändern. Design-Anpassungen und mehr.... |
|
|
|
|
19.04.2010, 20:36
|
#9 (permalink) |
|
Neuer Benutzer
Registriert seit: 16.04.2010
Ort: Graz
Beiträge: 29
|
AW: Jalbum in meinen Fenster
Guten Abend, ich würde es gerne so haben wie du es mit den 3 Pyramiden gemacht hast, da wo der Hintergrund abgedunkelt und sich das Foto aufbläht wenn man darauf klickt!
Als iframe habe ich es am Wochenende geschafft, dank den weiten des www, aber das sieht nicht so gut aus wie bei dir. Ich habe auch schon gelesen, die Programme würden Lightbox, Slimbox, und Brainbox heißen, die das können, nur wie ich es hier aktivieren kann weiß ich noch nicht. Es wäre sehr nett, wenn du mich da unterstützen würdest! Danke |
|
|
|
|
19.04.2010, 21:09
|
#10 (permalink) |
|
Erfahrener Benutzer
Registriert seit: 28.11.2009
Ort: Cottbus/Spreewald
Beiträge: 2.838
|
AW: Jalbum in meinen Fenster
Die drei Pyramiden werden per Lightbox geöffnet. Den Einbau kann man nicht in fünf Minuten erklären. Im Web findest Du Erläuterungen dazu oder Du wendest Dich offiziell an mich, wenn Du Dir das nicht zutraust.
Jalbum (letzter Absatz-Fotogalerie) selbst habe ich so eingesetzt. Den Code mußt Du anpassen. Code:
<table border="0" cellspacing="0" width="100%" bgcolor="#FFFFFF" style="border-collapse: collapse" cellpadding="0" >
<tr>
<td width="17%" align="center" height="112"> <a href="" onclick="window.open('http://www.win-zeit.de/Ägyptenxxxxxxxxxx2010/index.html', 'fenster','toolbar=no,status=no,menubar=no,scrollbars=1,width=1024,height=768,screenX=50,screenY=50,top=50,left=150')" style="text-decoration: none">
<img border="0" src="http://www.win-zeit.de/Ägyptenxxxxxxxxxxxxxxxxxx010/thumbs/Ägypten001.jpg" width="150" height="112" alt="Ägypten_Solaris"></img></a></td>
<td width="17%" align="center" height="112"> <a href="" onclick="window.open('http://www.win-zeit.de/Ägyptenxxxxxxxxxxxxxxxx2010/index.html', 'fenster','toolbar=no,status=no,menubar=no,scrollbars=1,width=1024,height=768,screenX=50,screenY=50,top=50,left=150')" style="text-decoration: none">
<img border="0" src="http://www.win-zeit.de/Ägyptenxxxxxxxxxxx_2010/thumbs/Ägypten003.jpg" width="150" height="112" alt="Ägypten_Hatschepsut"></img></a></td>
<td width="16%" align="center" height="112"> <a href="" onclick="window.open('http://www.win-zeit.de/Ägyptenxxxxxxxxxxxxxx010/index.html', 'fenster','toolbar=no,status=no,menubar=no,scrollbars=1,width=1024,height=768,screenX=50,screenY=50,top=50,left=150')" style="text-decoration: none">
<img border="0" src="http://www.win-zeit.de/Ägyptenxxxxxxxxxxxxxxxxxxxxxxxxxx/thumbs/Ägypten010.jpg" width="150" height="112" alt="Ägypten_Landschaft"></img></a></td>
</tr>
<tr>
<td width="50%" align="center" colspan="3" height="9"><br/>
<font face="Verdana" color="#755A39" size="2"> Um die
Bildergalerie zu öffnen, klicke auf ein Bild.</font></td>
</tr>
</table>
__________________
Never change a running system - wenn etwas läuft, soll man nichts ändern. Design-Anpassungen und mehr.... |
|
|
|
 |
| Lesezeichen |
| Themen-Optionen | Thema durchsuchen |
| Ansicht | |
Linear-Darstellung
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| pdf in neuen fenster öffnen | Claudia | Web to Date 5.0 | 9 | 07.02.2012 09:25 |
| Jalbum Integration in W2D | siku99 | Web to Date 6.0 | 11 | 04.03.2010 15:52 |
| Probleme mit Popup Fenster | Ahloha | Web to Date 6.0 | 0 | 28.12.2009 20:17 |
| kein vorschau fenster | ksmp2000 | Web to Date 4.0 | 3 | 02.12.2009 13:51 |
| Audio Charts im Popup-Fenster | repri | Web to Date 6.0 | 0 | 15.08.2009 11:18 |