PimpMyFotohome

MyFotohome ist ein Projekt von Michael Straßburger (http://www.fotocommunity.de/pc/account/myprofile/569170), um mit Java-Script / AJAX das Erscheinungsbild von extern betrachteten fotohomes aufzupeppen. Es wird realisiert über fotohome-Templates (Seitenlayout), bestimmte Template-Variablendefinitionen und eine Java-Script-Datei (interaktive Funktionalität) auf (s)einem externen Server. Die Kompatibilität ist für alle gängigen Browser als gegeben berichtet worden.

Normalerweise ist Java-Script in den Eingabefeldern für fotohome-Templates, Userkalender-Einträgen, Sektionsbeschreibungen und dergleichen nicht zugelassen und wird durch Sicherheitsmechanismen gefiltert. Gleiches gilt für interaktive HTML-Elemente wie eine Auswahlliste. Jedoch lassen sich diese Filter beim fotohome durch einen kleinen Kniff umgehen. Aus diesem Grund müssen drei sogenannte Template-Variablen bestimmte Werte haben, die mit ihrer ursprünglichen Bedeutung nichts zu tun haben, siehe dazu auch die Hinweise bei den Anleitungen. Ob und wie dieses Verfahren sich in Zukunft wandelt, bleibt offen.

Beschreibung

Bei Zeit folgt hier eine detaillierte Beschreibung und Anleitung das myFotohome betreffend.

Bei Zeit :-)

Variation

• Farben und Schriften lassen sich entweder direkt im Template in den CSS-Definitionen ändern.
• Farben und Schriften werden über den Designer im fotohome eingestellt

Einschränkungen

• Das System funktioniert auf den meisten Browsern (nach Freigabe von JavaScript).
• fotohome ist eine Funktion, die nur für Full Member zur Verfügung steht

FAQ

Brauche ich ein Flash-PlugIn

Nein. Das ist kein Flash. Die Animationen werden mit Java-Script / AJAX gemacht.

Irgendwas stimmt nicht

Diese drei Template-Variablen müssen festgelegte Werte haben (unter Farben und Schriften in die entsprechenden Felder eingeben und abspeichern):

• sc bei besuchte Links, {fc_visited_color}
• ri bei mouseover Linkfarbe, {fc_link_color_mo}
• pt bei Hintergrund 3, {fc_b3_bg}

Das Ganze hängt in der Initialisierung

Für home.fotocommunity.de muss Java-Script zugelassen sein.

Bei bestimmten Ordner hängt es

Wenn ein Pipe-Symbol (|) im Namen vorkommt, kann das Script nicht weiterarbeiten. Der Ordner muss so benannt werden, dass kein Pipe-Symbol im Namen / der Kurz- oder Langbeschreibung vorkommt.

In meinem Internet Explorer 7 klappt es nicht, in anderen Browsern aber doch

Internetoptionen

Erweiterte Einstellungen

Häckchen bei Original-XMLHTTP-Unterstützung aktivieren

und schon klappt's wieder...

Passwortgeschützte Ordner erscheinen nicht

Diese werden noch nicht unterstützt.

Nicht alle Bilder / Ordner erscheinen

Die Anzahl ist "fest verdrahtet", lässt sich aber leicht durch Veränderungen am Template erhöhen (oder auch verkleinern = besseres Ladeverhalten).

• Es werden bis zu 50 Ordner unterstützt
• Es werden bis zu 100 Bilder pro Ordner geladen

Michael Straßburger dazu im Members Talk-thread:

der grund fuer die limitierungen bei den ordner/bildern ist die art und weise, mit der ich derzeit noch die daten vom fc-templatesystem abgreife: es stehen bei den ordner 50 platzhalter hintereinander, die von dem fc-system gefuellt werden - entweder mit den ordner-daten, oder mit leerbildern (wird direkt mit html gefuellt..). heisst: zwangslaeufig werden daten produziert, auch wenn es nur einen ordner gibt -> hoehere ladezeiten. du moechtest mehr ordner unterstuetzt haben? vervielfache einfach im html-templatedesigner ganz unten im ersten template die <textarea...</textarea - diese werden als container fuer die daten von der fc genutzt.

Was muss ich ändern, wenn das externe Skript sich ändert

Im Idealfall nichts. Bei umfangreicheren Änderungen muss möglicherweise die Template-Definition neu importiert werden. Eventuelle eigene CSS-Änderungen müssen dann händisch wieder integriert werden.

Wo muss ich die Java-Script-Datei abspeichern

Nirgends. Die wird vom im Template vorgegebenen Server geladen.

Wie kann ich Farben und Texte verändern

Im fotohome-Designer (http://www.fotocommunity.de/pc/egallery/list/4) gibt es die Möglichkeit, in verschiedenen Dialogen Farben/Schriften und Texte/Buttons über Variablen, die im Template individual verwendet werden zu definieren.

Michael Straßburger dazu im Members Talk-thread:

welche felder bedeuten was in der designer farbauswahl?

Siehe auch

• Michael Straßburger (http://www.fotocommunity.de/pc/account/myprofile/569170), der Projektinitiator
• fotohome von Michael Straßburger (http://home.fotocommunity.de/michael.strassburger) als Demonstration
• Vorstellung im Forum Members Talk - Informativ (http://www.fotocommunity.de/forum/read.php?f=69&i=9664&t=9664)
• Pimp my fotohome (http://www.fotocommunity.de/pc/pc/cat/8305) Screenshots von anderen Nutzern
• Bebilderte Anleitung (http://www.fotocommunity.de/pc/pc/pcat/224859) von Bernd Meyer (http://www.fotocommunity.de/pc/account/myprofile/774551)
• fotohome-Design zum Import (zum download, Unterschied siehe Installation und Vorstellungsthread)
  • myFotohome_v1.1_optimal (http://esse.es/myFotohome_v1.1_optimal.fcd)
  • myFotohome_v1.1_individual (http://esse.es/myFotohome_v1.1_individual.fcd)
• fc.js (http://esse.es/fc.js), die eingebundene Java-Script-Datei (nur für Interessierte, braucht nicht heruntergeladen zu werden)
• Systemvoraussetzungen, insbesondere Java-Script / AJAX
• alles rund um das fotohome
• einstellen der Hintergrundfarbe (http://www.fotocommunity.de/pc/pc/cat/8305/display/6908301) für das fotohome