| Autor |
Nachricht |
instinkt
Threadersteller
Dabei seit: 25.01.2006
Ort: Schwäbisch Hall
Alter: 23
Geschlecht: 
|
Verfasst Di 11.10.2011 12:10
Titel Dynamische Webseitengröße für Fotoportfolio |
  |
|
Hallo zusammen,
ich bin gerade an einem Projekt für einen Fotografen. Die Webseite soll im Idealfall bei jeglicher Browserauflösung
ideal aussehen und nun ist eben die Frage wie man dies realisieren kann, ohne den Einsatz von Flash.
Die Bilder sollen dabei fast vollflächig auf der Webseite begutachtbar sein. Habt ihr damit Erfahrungen?
Eine Möglichkeit wäre die Browserauflösung abzufangen und dann die passenden Bilder + Skripte nachzuladen.
Dafür müssten, in der Theorie, aber alle Bilder in jeglichen Auflösungen zur Verfügung stehen, was ein enormer
Aufwand für mich bzw. den Fotografen wäre.
Über Hilfe wäre ich dankbar.
Lg Julian
Zuletzt bearbeitet von instinkt am Di 11.10.2011 12:10, insgesamt 1-mal bearbeitet
|
|
| |
  |
 |
| |
|
|
pixelpapst303
Moderator
Dabei seit: 06.07.2006
Ort: hamburg
Alter: 38
Geschlecht:
|
Verfasst Mi 12.10.2011 10:42
Titel
|
|
|
imagemagick und js oder ein design, was schlicht weg auflösungs-unabhängig funktioniert 
bevor du irgendein hexenwerk betreibst, schau dich mal um, wie andere gute fotografen gute portfolios realisiert haben - ohne abfrage von auflösung bzw. maximale eine leicht veränderte mobile variante...
|
|
| |
 |
|
instinkt
Threadersteller
Dabei seit: 25.01.2006
Ort: Schwäbisch Hall
Alter: 23
Geschlecht:
|
Verfasst Fr 09.12.2011 11:51
Titel
|
|
|
So, es gibt etwas neues zu berichten:
http://previews.jm-websolutions.de/via/umsetzung/
Das ganze habe ich mit CSS + JS gelöst. Das Problem an der Sache: die Browseranpassung funktioniert
sehr gut, die Animation der Bilder leider nicht  - es ruckelt teilweise sehr stark. Hat da jemand eine Idee?
| Code: | ...
var cW = $('#container').width();
var cH = $('#container').height();
var photography = $('#container #slider section#photography');
var section = $('#container #slider section');
$('#container #slider section#postfach').hover(
function(){
photography.stop(true, true).animate({width:cW/4}, 'slow');
$(this).stop(true, true).animate({width:2*(cW/4)}, 'slow');
},
function(){
photography.stop(true, true).animate({width:2*(cW/4)}, 'slow');
$(this).stop(true, true).animate({width:cW/4}, 'slow');
}
);
$('#container #slider section#models').hover(
function(){
photography.stop(true, true).animate({width:cW/4}, 'slow');
$(this).stop(true, true).animate({width:2*(cW/4)}, 'slow');
},
function(){
photography.stop(true, true).animate({width:2*(cW/4)}, 'slow');
$(this).stop(true, true).animate({width:cW/4}, 'slow');
}
);
... |
Lg
Zuletzt bearbeitet von instinkt am Fr 09.12.2011 11:51, insgesamt 1-mal bearbeitet
|
|
| |
|
|
Alex
Dabei seit: 29.11.2005
Ort: Frankfurt am Main
Alter: 25
Geschlecht:
|
Verfasst Mo 12.12.2011 10:42
Titel
|
|
|
|
Das Ruckeln (bzw die Stärke des Ruckelns) scheint unter anderem Browserabhängig zu sein. In meinem Chrome (Win7) ruckelt es extrem, im Firefox fast gar nicht.
|
|
| |
|
|
instinkt
Threadersteller
Dabei seit: 25.01.2006
Ort: Schwäbisch Hall
Alter: 23
Geschlecht:
|
Verfasst Mo 12.12.2011 13:43
Titel
|
|
|
| Alex hat geschrieben: | | Das Ruckeln (bzw die Stärke des Ruckelns) scheint unter anderem Browserabhängig zu sein. In meinem Chrome (Win7) ruckelt es extrem, im Firefox fast gar nicht. |
In jedem Fall. Im Firefox 3.6 ruckelt es auch unerträglich.
Ich habe nun das Script noch ein wenig optimiert (DOM muss nicht so oft traversiert werden), aber es hat leider nichts
gebracht. Mein Skript führt immer zwei Animationen durch: das mittlere div wird verkleinert und das this-div wird vergrößert.
Wahrscheinlich liegt es an den 'parallelen' Animationen...
hm
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Dynamische HP
Dynamische Linkliste ?
Dynamische CD erstellen...?
Dynamische Bildergallerie?
Dynamische Farbtabelle ?
Dynamische Skalierung
|
|
Willkommen auf dem Portal für Mediengestalter
