Autor |
Nachricht |
Eva_0802
Threadersteller
Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 36
Geschlecht:
|
Verfasst Fr 09.05.2008 12:16
Titel Javascript für Fotoalbum |
|
|
Hallo zusammen
ich habe folgendes Problem. und benötige ich eine lösung wie ich am besten einen Bildwechsel in Dreamweaver erstelle.
ich möchte in Dreamweaver folgendes erstellen:
die Leiste unten soll stehn bleiben. wenn ich allerdings auf den "weiter"-Button klicke will ich, dass sich oben jeweils das Bild ändert.
in Golive hätte ich das mit Frames gelöst. Gibt es in Dreamweaver auch so eine möglichkeit, ohne groß zu programmieren?
ich muss dazu sagen, hier sind die seiten jetzt leer aber in wirklichkeit steht da was drauf, d.h. das komplette album wurde immer mit aufgeschlagenen seiten abfotografiert. D.h. ich will immer wieder das KOMPLETTE Bild neu einladen
Über jede Hilfe bin ich sehr dankbar
Zuletzt bearbeitet von Eva_0802 am Di 13.05.2008 10:55, insgesamt 4-mal bearbeitet
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Fr 09.05.2008 22:41
Titel
|
|
|
Du kannst mit JavaScript die Bilder austauschen.
Aber "ohne groß programmieren" - nunja. Viel Programmierung ist das eigentlich nicht. Aber wenn man keine Ahnung von JavaScript hat, kann das natürlich schon eine unlösbare Aufgabe sein...
Dir bleibt aber nicht viel.
Entweder du machst das mit Flash/ActionScript oder mit JavaScript oder du arbeitest einfach mit HTML und arbeitest entweder mit Frames oder mit den Seitenübergängen. Diese Möglichkeit der Seitenübergänge gibt es aber nur im MSIE und dort nur, wenn man es aktiviert. Daher würde ich auf diese Methode in jedem Fall verzichten.
Und Frames brauchst du dafür nicht.
Wenn du allerdings andere Seiten in deine Frames laden würdest, könntest du die Sache ohne JS bewältigen. Aber Frames bringen auch einiges an Nachteilen mit sich: http://www.subotnik.net/html/frames.html
Wenn du mit JS arbeitest, funktioniert das bei den Usern ohne JS allerdings nicht. Die können deine Site dann nicht nutzen. Außerdem lassen die Betreiber von Suchmaschinen keinen fremden Code auf ihren Rechnern ausführen. Der JS-Krams wird dann also nicht indiziert bzw. gibt es Probleme damit.
Wenn du es komplett serverseitig löst, müßte jedesmal eine neue Seite generiert und zum Client geschickt werden. Ist auch nicht so schön.
Ich würde mich wahrscheinlich für Flash oder Bildtauschen mit JS entscheiden.
Wie du Bilder mit JS tauschst, findest du im JS-Teil von SelfHTML. Dort gibt es auch einige Anwendungsbeispiele, wo du dir teilweise Code rauskopieren könntest.
|
|
|
|
|
Anzeige
|
|
|
Eva_0802
Threadersteller
Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 36
Geschlecht:
|
Verfasst Di 13.05.2008 08:06
Titel
|
|
|
mmh vielen Dank schon mal.
also von JS hab ich natürlich keine Ahnung. mal sehn wie ich das lösen werde. Flash will ich auch nicht unbedingt verwenden, weil wir eben auch wollen dass man evtl die Bilder einzeln auf dem Rechner speichern kann (runterladen von der Site)
naja vlt such ich mal im Netz nach fertigen Alben auf JS Basis und kopier mir den Code und guck mir den mal genauer an
über weitere Vorschläge wäre ich auch sehr dankbar
lg Eva
|
|
|
|
|
Cream
Dabei seit: 07.03.2006
Ort: .at
Alter: 37
Geschlecht:
|
|
|
|
|
Eva_0802
Threadersteller
Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 36
Geschlecht:
|
Verfasst Di 13.05.2008 09:36
Titel
|
|
|
also ich hab grad was passendes gefunden
nur leider seh ich da keine Bilder. da ich mich aber nicht mit JavaScript auskenne, weiß ich nicht wo hier der Fehler liegt. hab im oberen Teil schon 2 meiner Bilder eingefügt.. hab das JS von SelfHtml rauskopiert. http://de.selfhtml.org/dhtml/beispiele/bilderbuch.htm
zusätzlich habe ich jetzt das dhtml.js wie auf selfhtml beschrieben als Text Datei im Ordner gespeichert in dem auch die html-Datei des Fotoalbums liegt.
oder funktioniert das anders?
ich stell zusätzlich mal noch ein Bildschirmfoto ein damit ihr seht was ich meine
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">
<head>
<title>1975 bnis 1980</title>
<script type="text/javascript" src="dhtml.js"></script>
<script type="text/javascript">
var Bild = new Array();
Bild[0] = new Image();
Bild[0].src = <img src="../Bilder/jahresbuecher/1975-1980/titelseite_75-80.jpg" alt="titelseite" />;
Bild[1] = new Image();
Bild[1].src = <img src="../Bilder/jahresbuecher/1975-1980/s1_75-80.jpg" alt="seite 1" />;
Bild[2] = new Image();
Bild[2].src = "beispielbild01.gif";
Bild[3] = new Image();
Bild[3].src = "beispielbild02.gif";
Bild[4] = new Image();
Bild[4].src = "beispielbild03.gif";
var bildbereich;
var zeige = 0;
var Breite = 300;
var aktuelleBreite = 0;
var Schrittweite = 6;
var Schrittverzoegerung = 1;
function Blaettern (Richtung) {
zeige = zeige + Richtung;
if (zeige > Bild.length - 1) {
zeige = 0;
} else if (zeige < 0) {
zeige = Bild.length - 1;
}
if (DOM || MSIE4) {
bildbereich.style.clip = "rect(0 0 225px 0)";
} else if (NS4) {
bildbereich.clip.right = 0;
}
if (DOM && bildbereich.firstChild) {
bildbereich.firstChild.src = Bild[zeige].src;
} else if (MSIE4) {
bildbereich.innerHTML = '<img src="' + Bild[zeige].src + '">';
} else if (NS4) {
bildbereich.visibility = "hide";
setContent("id", "Bildbereich", null,
'<img src="' + Bild[zeige].src + '">');
bildbereich.visibility = "show";
}
BildAufbauen();
}
function BildAufbauen () {
if (aktuelleBreite <= Breite) {
if (DOM || MSIE4) {
bildbereich.style.clip = "rect(0 " + aktuelleBreite + "px 225px 0)";
} else if (NS4) {
bildbereich.clip.right = aktuelleBreite;
}
aktuelleBreite = aktuelleBreite + Schrittweite;
window.setTimeout("BildAufbauen()", Schrittverzoegerung);
} else {
aktuelleBreite = 0;
if (DOM || MSIE4) {
bildbereich.style.clip = "rect(0 " + Breite + "px 225px 0)";
} else if (NS4) {
bildbereich.clip.right = Breite;
}
}
}
function Init () {
bildbereich = getElement("id", "Bildbereich");
if (DOM && document.createElement && bildbereich.appendChild) {
var img = document.createElement("img");
img.setAttribute("src", Bild[0].src);
bildbereich.appendChild(img);
} else if (MSIE4) {
bildbereich.innerHTML = '<img src="' + Bild[0].src + '">';
} else if (NS4) {
setContent("id", "Bildbereich", null,
'<img src="' + Bild[0].src + '">');
}
}
</script>
<style type="text/css">
body {
color:black;
background-color:#44ca22;
}
#Bildbereich {
position:absolute;
left:11px;
top:7px;
padding:0;
clip:rect(0 300px 225px 0);
visibility:show;
width: 847px;
height: 448px;
}
#Navigationsbereich {
position:absolute;
left:365px;
top:472px;
width:142px;
font-size:24px;
height: 52px;
}
</style>
</head>
<body onLoad="Init()">
<div id="Bildbereich"></div>
<div id="Navigationsbereich">
<a href="javascript:Blaettern(-1)"><img src="../Bilder/jahresbuecher/Buttons/zurueck_button.png" alt="zurueck" /> </a
><a href="javascript:Blaettern(1)"><img src="../Bilder/jahresbuecher/Buttons/vor_button.png" alt="vor" /></a></div>
</body>
</html>
|
Vielleicht kann mir ja jemand helfen
Zuletzt bearbeitet von Eva_0802 am Di 13.05.2008 09:56, insgesamt 2-mal bearbeitet
|
|
|
|
|
Eva_0802
Threadersteller
Dabei seit: 05.04.2007
Ort: Weißenburg/Gunzenhausen
Alter: 36
Geschlecht:
|
Verfasst Di 13.05.2008 12:04
Titel
|
|
|
Mag mir keiner helfen?
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 13.05.2008 12:09
Titel
|
|
|
Schau dir das einfach nochmal genau an
|
|
|
|
|
rob
Dabei seit: 11.12.2003
Ort: ~/
Alter: 46
Geschlecht:
|
Verfasst Di 13.05.2008 12:12
Titel
|
|
|
Bevor ich den Fehler im Script suchen würde, würde ich erst mal prüfen, ob alle Pfade korrekt gesetzt sind.
Mir fällt auf, daß Groß- und Kleinscreibung bei den Pfadnamen verwendet wird.
Während Windows mit einem caseinsensitiven Dateisystem arbeitet, ist das bei OS X meist nicht so und auf Unix-/Linux-Webserven auch nicht. Dort wird zwischen Groß- und Kleinschreibung unterschieden. Vielleicht liegt da der Fehler?
Prüfe mal Pfad- und Dateinamen. Vielleicht behebt das das Problem ja schon.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Fotoalbum in PHP?
Web Fotoalbum
PowerPoint 2007 MAC Fotoalbum?
online Fotoalbum für Hochzeit mit useraccounts?
[javascript] mit <select> feld wert an javascript funk
javascript in php
|
|