WebSite X5Help Center

 
JÖRG L.
JÖRG L.
User

Bilder oder Galerie fliegend zoomen  de

Автор: JÖRG L.
Просмотрено 2035, Подписчики 3, Размещенный 0  

Hallo zusammen,ich habe hier ein tolles Beispiel gesehen. Möchte sowas in der Art auch realisieren. Dabei sollte mein gewähltes Bild, oder vielleicht auch mehrere Bilder dabei über die ganze Seitenbreite gehen. Hier das tolle Beispiel:

http://www.torasushiroma.it

Note 1+ von mir für diese Seite :-)

Vielleicht hat jemand eine Idee oder Tipps.

Danke euch.

Размещено
17 Ответы - 1 Полезно
Andreas L.
Andreas L.
User

Frag doch einfach mal den Autor. 

Читать больше
Размещено От Andreas L.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Meinst du so was wie hier ?  LINK   (Mustertemplate von mir)

Da ist ein externer VEGAS Slider eingebaut den man sich HIER runterladen kann.

Читать больше
Размещено От Andreas S.
Andreas L.
Andreas L.
User

@Andreas

Ich glaube es ist besser wenn Du kurz erklärst wie der VEGAS-SLIDER eingebaut wird.

Danke.

Читать больше
Размещено От Andreas L.
JÖRG L.
JÖRG L.
User
Автор

Hallo an Andreas (beide)

ja so was meine ich.

Und ectl.kurze Erklärung wäre vlt.nicht schlecht, bin zwar grad dabei mir das mal genauer anzusehen. 

Danke.

LG

Читать больше
Размещено От JÖRG L.
Andreas L.
Andreas L.
User

Wenn Andreas keine Zeit hat schau dir den Quelltext seiner Seite Wolle an. Mit recht Klick. Habe gerade keine Zeit und muss los...viel Erfolg. Hoffe aber das er was von seinem Können hier Preis gibt.

Читать больше
Размещено От Andreas L.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Im Prinzip ganz einfach!

Den Code in ein HTML Objekt einfügen.

<script>
    $("#example, body").vegas({
        animation: 'random',
    slides: [
        { src: "files/header_0.jpg" },
        { src: "files/header_1.jpg" },
        { src: "files/header_2.jpg" }       
    ]
});
</script>

Dann gleich im Reiter "ERweitert" die Dateien einbinden (Grafiken und 2 Vegasdateien)

Читать больше
Размещено От Andreas S.
Karl B.
Karl B.
User

@Andreas

Das funktioniert weder in der Vorschau, noch auf dem Server. Geht das eventuell nicht mit png?

Читать больше
Размещено От Karl B.
Andreas L.
Andreas L.
User

wenn die endung .jpg ist dann nur jpg. png liest er ja dann nicht.

Читать больше
Размещено От Andreas L.
Karl B.
Karl B.
User

Die Endung ist immer .png, nur die Dateinamen habe ich angepasst.

Читать больше
Размещено От Karl B.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Hast du mehr als 3 Bilder eingebaut?  HAst du die Namen und den Pfad angepasst wo du die Bilder eingefügt hast? Hast du auf Groß- und Kleinschreibung aufgepasst?  HAst du beim Einfügen der JS- und CSS Datei das Häkchen gesetzt?  Hast du eine Seitenhintergrundfarbe in WSX5 aktiviert?

Es kann sein, dass es manchmal bei der Vorschau nicht funktioniert, aber Online müsste es gehen.

Читать больше
Размещено От Andreas S.
JÖRG L.
JÖRG L.
User
Автор

Muss sich das HTML Objekt unbedingnt im Header befinden oder kann das belieb als HTML Objekt irgentwo auf der Seite eingebaut werden. Ich habe den Header recht knapp gestaltet und würde gerne für verschiedene Unterseiten, dann auch versch. Grafiken verwenden wollen.

Читать больше
Размещено От JÖRG L.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Beliebig auf der Seite!  (im Header nicht) Man kann es auch unter Seo&Code Reiter Erweitert nach dem body Tag einbauen für alle Seiten, aber meistens bracht man es ja nur auf der Startseite. 

Читать больше
Размещено От Andreas S.
JÖRG L.
JÖRG L.
User
Автор

Super, danke. Funktioniert - auch in der Vorschau. Möchte jetzt noch bisschen mit den Einstellungen basteln. Das die Bilder nicht so ruckartig eingeblendet werden,  bzw. die Übergänge weicher wirken. Zur Zeit ist es so das meine  3 Bilder auch ziemlich schnell angezeigt werden, möchte das auch noch etwas ändern. Aber top. Vielen Dank.

Читать больше
Размещено От JÖRG L.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Zeit macht man mit  delay: 7000,  und der Übergang glaube ich mit  transitionDuration: 2000,

Читать больше
Размещено От Andreas S.
JÖRG L.
JÖRG L.
User
Автор

ok, danke. Kommt das dann direkt in den Code, bzw. wo fügt man das ein? Hast du evtl.noch paar Beispiele? Ich meine Infos. Ich find das recht interresant. 

Читать больше
Размещено От JÖRG L.
Andreas S.
Andreas S.
Moderator
Лучший пользователь месяца DE

Schreibe es nach der animation rein.  Muster gibt es auf der Vegasseite zu testen und auch Beispiele !

Читать больше
Размещено От Andreas S.