Zurück   HTML Forum > Webmaster > Grafik

Grafik Hilfe beim Erstellen eigener Webdesigns, Vorlagen und Tutorials.

Neues Thema erstellen  Antwort
 
Themen-Optionen Thema durchsuchen
Alt 08.09.2009, 17:01   #1
Neuer Benutzer
 
Registriert seit: 08.09.2009
Ort: Aurolzmünster
Beiträge: 19
Standard Fotoalbum in html - wie Größe der Fotos ändern?

Hallo!

Ich hab von der Seite SELFHTML: Dynamisches HTML / Beispiele für die Praxis / Bilderbuch zum Umblättern
das Fotoalbum für meine Homepage übernommen. Funktioniert auch soweit, abgesehen davon, dass die Fotos alle winzig (bis auf einzelne, die dafür riesengroß) angezeigt werden. Die angezeigte Größe entspricht nicht der tatsächlichen Größe der Fotos.
Weiß jemand, wo ich die Größe ändern kann? An jeden, der mir helfen kann, schon im Vorhinein ein RIESIGES Dankeschön!
(Direkt im 1. Absatz, wo ich die Bilder einfüge, darf ich sonst nichts notieren!)
Ach ja, und weiß zufällig auch jemand, wie man zu den enzelnen Fotos Bildunterschriften/Erklärungen einfügen kann? (wie oben gesagt, z.B. <alt="#"> funktioniert nicht!)
klari ist offline   Mit Zitat antworten
Alt 08.09.2009, 17:17   #2
Administrator
 
Benutzerbild von developr
 
Registriert seit: 11.11.2008
Ort: Bremen
Beiträge: 334
developr eine Nachricht über ICQ schicken developr eine Nachricht über MSN schicken
Standard AW: Fotoalbum in html - wie Größe der Fotos ändern?

Hallo Klari,

wo ist denn deine Bildergallerie zu sehen?
Dann würde ich dort mal einen Blick raufwerfen ;-).
developr ist offline   Mit Zitat antworten
Alt 08.09.2009, 17:34   #3
Neuer Benutzer
 
Registriert seit: 08.09.2009
Ort: Aurolzmünster
Beiträge: 19
Standard AW: Fotoalbum in html - wie Größe der Fotos ändern?

Ich hab sie leider noch nicht online gestellt (die ganze Website befindet sich noch im Aufbau...)
Gibt's eine andere Möglichkeit?
Vielleicht helfen dir die Fotos und der Quelltext?!
Miniaturansicht angehängter Grafiken
klein.jpg   gross.jpg  
Angehängte Dateien
Dateityp: txt gesamter Quelltext einer Fotoalbumseite.txt (15,4 KB, 3x aufgerufen)

Geändert von klari (08.09.2009 um 18:16 Uhr)
klari ist offline   Mit Zitat antworten
Alt 08.09.2009, 23:05   #4
Benutzer
 
Registriert seit: 14.05.2009
Ort: Heidelberg
Beiträge: 39
Standard AW: Fotoalbum in html - wie Größe der Fotos ändern?

HTML-Code:
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 + '">');
im Roten teil werden die sind die <img> tags, versuch hier mal die width und height daten anzugeben.

Desweiteren ein Tipp von mir, versuch in Dateinamen keine Leerzeichen zu verwenden ("Maifest (3).jpg"). Lokal stellt das kein Problem da, aber später auf der Website, die im Internet erreichbar ist, kann das schonmal zu Problemen führen.

lg Paze
Paze ist offline   Mit Zitat antworten
Alt 09.09.2009, 13:00   #5
Neuer Benutzer
 
Registriert seit: 08.09.2009
Ort: Aurolzmünster
Beiträge: 19
Standard AW: Fotoalbum in html - wie Größe der Fotos ändern?

Meinst du etwa so:

HTML-Code:
bildbereich.innerHTML = '<img src="' + Bild[0].src + '" width=500px>';
  } else if (NS4) {
    setContent("id", "Bildbereich", null,
      '<img src="' + Bild[0].src + '" width=500px>');
(Versteh deinen Satz nicht ganz, sorry!)
Zitat:
im Roten teil werden die sind die <img> tags,
Auf jden Fall ändert sich die Größe nicht! :-(
klari ist offline   Mit Zitat antworten
Alt 09.09.2009, 13:28   #6
Benutzer
 
Registriert seit: 14.05.2009
Ort: Heidelberg
Beiträge: 39
Standard AW: Fotoalbum in html - wie Größe der Fotos ändern?

oh shit
Sorry, war deutlich übermüdet =)

Ich meinte das in den <img> Tags die Bilder eingearbeitet werden, das es eventuell, dort die Größe festgelegt werden kann.

Versuchs mal so. Wenn das auch nicht klappt tut es mir leid, konnte mich noch nich wirklich mit deinem Problem befassen, und hab nach ner schnellen lösung gesucht.
HTML-Code:
bildbereich.innerHTML = '<img src="' + Bild[0].src + '" width="500">';
  } else if (NS4) {
    setContent("id", "Bildbereich", null,
      '<img src="' + Bild[0].src + '" width="500">');
Paze ist offline   Mit Zitat antworten
Alt 09.09.2009, 13:40   #7
Administrator
 
Benutzerbild von developr
 
Registriert seit: 11.11.2008
Ort: Bremen
Beiträge: 334
developr eine Nachricht über ICQ schicken developr eine Nachricht über MSN schicken
Standard AW: Fotoalbum in html - wie Größe der Fotos ändern?

Hallo Klari,

so wie du deinen Quelltext gepostet hast, scheint es bei mir zu funktionieren. Die Bilder werden immer schön weitergeblättert und es wird immer ein Ausschnitt der selben Größe angezeigt.

Magst du nochmal die verwendeten Bilder, Grafiken und das CSS schicken?
developr ist offline   Mit Zitat antworten
Alt 09.09.2009, 15:06   #8
Neuer Benutzer
 
Registriert seit: 08.09.2009
Ort: Aurolzmünster
Beiträge: 19
Standard AW: Fotoalbum in html - wie Größe der Fotos ändern?

an Paze: kein Problem - dein Vorschlag funktioniert leider auch nicht!
an developr: Bei den Bildern, die du verwendet hast, wird da wirklich nur ein "Ausschnitt" (wie du geschrieben hast) angezeigt oder schon das ganze Bild?
Ich kann leider die Originalfotos nicht schicken (wegen Datenschutz etc, muss ich erst noch abklären), aber ich habs grad mit anderen Fotos von mir versucht, sogar in 2 verschiedenen Größen, die wurden alle riesengroß angezeigt. Kanns irgendwie an den dpi (wenn schon nicht an der Auflösung) liegen?
-> Kann aber auch nicht sein, weil auch Bilder, die ich aus dem Internet hab, riesig angezeigt werden. (Wenn das erste Foto der Reihe groß angezeigt wird, werden alle folgenden groß angezeigt. Wenn aber das erste winzig angezeigt wird, müssen nicht alle folgenden auch winzig sein.)

Ich finde nirgends im Internet ein Alternativ-Album ohne Thumbnails (muss ich nicht haben). Auf der Seite von Stu Nicholls (http://www.stunicholls.com/gallery/index.html) gibt's zwar tolle Alben, aber die sind umständlich zu ändern, wenn ich neue FOtos einfügen möchte. Gibt's eine einfache Variante?
klari ist offline   Mit Zitat antworten
Alt 09.09.2009, 16:51   #9
Administrator
 
Benutzerbild von developr
 
Registriert seit: 11.11.2008
Ort: Bremen
Beiträge: 334
developr eine Nachricht über ICQ schicken developr eine Nachricht über MSN schicken
Standard AW: Fotoalbum in html - wie Größe der Fotos ändern?

Mit PHP ließe sich da was einfaches zaubern. Dann brauchst du nur die Bilder in einen Ordner werfen und da würden sie automatisch ausgelesen und angezeigt werden.

http://de3.php.net/manual/de/function.scandir.php
developr ist offline   Mit Zitat antworten
Alt 09.09.2009, 17:21   #10
Neuer Benutzer
 
Registriert seit: 08.09.2009
Ort: Aurolzmünster
Beiträge: 19
Standard AW: Fotoalbum in html - wie Größe der Fotos ändern?

Hallo!

Schön langsam verzweifle ich! Jetzt hab ich's mit SImpleViewer und Jalbum versucht, aber nichts passt für meine Verhältnisse. Das erste Beispiel von mir funktioniert auch nicht. Grrr....

Meinst du dieses Beispiel:
Zitat:
<?php
$dir=scandir("photos");
$exclude=array("photos/.","photos/..","photos/ex");
$photos=array();
for ($x=0; $x<count($dir); $x++){
$dir[$x]="photos/".$dir[$x];
if (is_dir($dir[$x]) && !in_array($dir[$x], $exclude)){
$thisfolder=scandir($dir[$x]);
for ($f=0; $f<count($thisfolder); $f++)
if (strpos(strtolower($thisfolder[$f]), ".jpg"))
$photos[]=$dir[$x]."/".$thisfolder[$f];
}
}
$rand=rand(0, count($photos));
echo "<div style='text-align: center;'>";
echo "<img src='".$photos[$rand]."' alt='' style='width: 80%'/>";
echo "</div>";
?>
Mit PHP kenne ich mich nicht aus, leider? Wo (head, body etc) muss ich das Beispiel einfügen, wo die Bilder, wo den Ordner, in dem die Bilder sind?
klari ist offline   Mit Zitat antworten
Neues Thema erstellen  Antwort
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche

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

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.