WebSite X5Help Center

 
Thomas D.
Thomas D.
User

Hintergrundeffekte, seitenwechsler oder eingangsseiteneffekte programmieren  de

Autor: Thomas D.
Besucht 1468, Followers 2, Geteilt 0  

Hallo zusammen,

vielleicht spreche ich anderen nutzern aus der seele bzw. ggf. hat jemand die gleichen hürden?

ich würde sehr gerne so wie in diesem beispiel:

http://www.tsatsas.com

eine wechselnde, federnde eingangsseite schaffen, ich habe das bisher mit animierten gif gemacht aber ich vermute es lässt sich bestimmt auch viel komfortabler 

als html-scrrit / css progrmmieren?

wie genau müsste man vorgehen / wo genau gehört ein script hin und wo bindet man die bilder ein?

wäre toll, wenn jemand einen code oder ähnliches hätte, habe schon alles mögliche im netz versucht und nie etwas passendes für website x5 gefunden...

1000 dank!!

Gepostet am
21 ANTWORTEN
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Die Seite ansich ist ganz einfach in WSX5 zu gestalten !

Das einzige ist eben der Slider als Intro !

Introfunktion hast du sowieso in WSX5 unter "4" Introseite ! Dort kannst du dann einen individuellen Code eingeben um diesen Effect zu erzielen ! Es gibt genug Beispiele und Skripte im Internet die das ermöglichen !

Hier ein Muster.. http://testseiten.unofficialwsx5.de/supersized_v2 wobei man die Bilder auch von unten kommen lassen kann !

Hier ist schon ein Thema darüber: http://unofficialwsx5.de/index.php/Thread/2449-Hintergrundbilder-im-Wechsel-Supersized/postID=20034&highlight=supersized#post20034

Mehr lesen
Gepostet am von Andreas S.
Udo Bister
Udo Bister
User

Ich verstehe die Antwort nicht weil:

http://www.tsatsas.com ist kein Intro, man sieht das Hauptmenü und kann navigieren.

Die Beispiele sind ja nett, nur sehe ich die wechselnden Bilder aber kein Menü.

Mehr lesen
Gepostet am von Udo Bister
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Das Menü ist in diesem Demo ausgeblendet worden ! (Wie auch das komplette Template) In dem Beispiel ist es nicht im INTRO eingebunden !

Mehr lesen
Gepostet am von Andreas S.
Der Zwoemti
Der Zwoemti
Moderator

Wenn du das Projekt dir angeschaut hättest würdest du es auch sehen...

aber nur für dich mal auf der Testseite das Menü eingeblendet.

Im Projekt selbst ist das komplette Menü weiterhin ausgeblendet.

Die Beispielseiten können ja nicht alles wiedergeben was der einzelne machen will. Deswegen werden sie gezielt klein gehalten um nicht zu verwirren

Mehr lesen
Gepostet am von Der Zwoemti
Udo Bister
Udo Bister
User

@zwoemti blind bin ich nicht...und ich schreibe das auch nicht ohne es angesehen zu haben

Wie wird denn das Menü eingeblendet?

Mehr lesen
Gepostet am von Udo Bister
Udo Bister
Udo Bister
User

ich sehe kein Menü auf der Testseite....nur den Warenkorb

Mehr lesen
Gepostet am von Udo Bister
Udo Bister
Udo Bister
User

Lieber Zwoemti,

das ist mir sowas von klar. Das habe ich ja selbstverständlich auch so gemacht. Aber es wird kein Menü angezeigt.

Stell dir bitte vor das das so ist, wie ich es beschreibe.

Bin doch nicht blöd.

Mehr lesen
Gepostet am von Udo Bister
Udo Bister
Udo Bister
User

also die Testseite meine ich nicht sondern die iwzip datei

Mehr lesen
Gepostet am von Udo Bister
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Schau mal ob unter "4" Code   im "vor dem </head> Tag"  noch sowas wie 

#imMnMn {display: none}

drinnen steht !  Das musst du rauslöschen !

Mehr lesen
Gepostet am von Andreas S.
Udo Bister
Udo Bister
User

danke für den Tipp,  steht aber leider nicht  da

Mehr lesen
Gepostet am von Udo Bister
Thomas D.
Thomas D.
User
Autor

hallo zusammen,

ich (der eigentliche fragesteller) komme erst jetzt dazu mich einzuschalten, danke euch für die zahlreichen antworten, ich hoffe, ihr seid alle noch gut gelaunt? :-))

könnte man den von zwoemti vielleicht die iwzip datei bekommen und verwenden? dann kann man das besser umsetzen, hat mir bereits früher schon einmal super geholfen.

ansonsten ist das zwar ein komfortabler bildwechseler aber eben keine federnde/fahrende seite wie bei http://www.tsatsas.com

vg

Mehr lesen
Gepostet am von Thomas D.
Thomas D.
Thomas D.
User
Autor

lieber zwoemti,

deine supersized iwzip hab ich jetzt gefunden, darf ich die verwenden wenn ich die bilder lösche?

es ist zwar nicht das was ich wollte (federnde seiten) aber ist sehr gut!

Mehr lesen
Gepostet am von Thomas D.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Diese Fotos sind vom Internet eingebunden deshalb sind sie auch nicht auf deinem Server!

Wenn du eigene Fotos haben willst (was ich stark annehme) dann musst du deine Bilder entweder händisch auf den Server spielen oder du bindest sie ein gleich unter dem Code --> rechts beim Button "hinzufügen". Dann musst du im Code (wenn du deine Bilder im Ordner "files" gespeichert hast) angeben 'files/bildname.jpg'

. und das einblenden mit von unten kommend zu wechseln musst du bei "transition" die Zahl "4" eintragen.

Mehr lesen
Gepostet am von Andreas S.
Der Zwoemti
Der Zwoemti
Moderator

hilfreich wäre es wenn du das direkt dort fragst im Forum....

dann kann man auch gezielt auf die jeweiligen Dinge eingehen. Es ist mir zu umständlich jedes mal Bilder hochladen zu müssen um sie dann hier umständlich in einen Beitrag einfügen zu können.

Die Nutzungsbedingungen kannst du dir hier anschauen

http://buildinternet.com/project/supersized/

Meine Bilder sind nur Links zu Flickr...

Mehr lesen
Gepostet am von Der Zwoemti
Thomas D.
Thomas D.
User
Autor

danke euch,

es war mir bewusst, daß es links zu flickr sind, hatte versucht den code einfach zu ersetzen mit einer odneradresse, also c:/ordnername/ - funktioniert ja nicht. 

mir ist auch nicht ganz klar geworden, wie dieser link dann noch mit der verlinkung in der seite dateianhang zusammenhängt.

@zwoemti: ich habe die nutzungsbedingungen so verstanden, daß man gewerbl. verwenden darf und um dafür eine spende gebeten wird? korrekt?

Mehr lesen
Gepostet am von Thomas D.
Andreas S.
Andreas S.
Moderator
Nutzer des Monats DE

Du wirst die Dateien im HTML-Objekt eingebunden sind wahrscheinlich auch nochmal einbinden müssten (wenn du nicht das gleiche Projekt nimmst)

Oder du kopierst dir die Dateien vom Projekt supersized "preview" Ordner js, css, bilder rüber in dein Projekt Ordner "Preview"!

Mehr lesen
Gepostet am von Andreas S.
Thomas D.
Thomas D.
User
Autor

andreas!

super, dein tipp hat geklappt, habe die eigenen bilder unter hinzufügen verknüpft und sie werden angezeigt, :-)))) kannst mir vielleicht noch sagen, warum es dann noch die verknüpfungen in der seite "dateianhang" gibt?

@zwoemti: ich habe die nutzungsbedingungen so verstanden, daß man gewerbl. verwenden darf und um dafür eine spende gebeten wird? korrekt

Mehr lesen
Gepostet am von Thomas D.
Der Zwoemti
Der Zwoemti
Moderator

@Udo

Was ist an dem Bild nicht verständlich?

klicke auf MENÜ und dann oben den Button an und schon ist das komplette Menü sichtbar.

@Thomas D.

Lizenzbestimmungen zum Plugin bitte direkt bei 

https://github.com/buildinternet/supersized

nachlesen. Sie sind dort hinterlegt.

Meine iwzip ist für alle nutzbar und unterliegt von meiner Seite aus keiner Lizenz sofern es nicht ausdrücklich angegeben wurde. Letztendlich habe ich nur das Plugin direkt in X5 eingebaut zur Nutzung. Also schließlich nur das was ihr auch machen solltet.

Meine Bilder sind per Link eingebunden. Bei den Bildern von mir sind Alle Rechte vorbehalten. Wenn du anfragst hab ich natürlich nichts dagegen.

https://flic.kr/p/pBang1

Im Thema selbst steht extra auch als Erklärung was es mit der Seite Dateianhang auf sich hat. Diese Seite ist extra erstellt wurden um die wichtigen Sachen von den eigenen Sachen zu trennen um Fehlersuchen durch selbst eingebrachte Fehler durch gelöschte Dateien zu vermeiden..

Die Seite Dateianhang enthält alle Dateien die zum Betrieb von Supersized benötigt werden.

Spenden werden gern gesehen sind aber natürlich kein Muss um die Dateien nutzen zu dürfen. Das Forum ist frei zugänglich und lebt von gegenseitiger Hilfe.

Mein Flicklink kann durch deinen eigenen Link ersetzt werden.

Einfach Bild als Anhang anfügen und dann absolute oder relative Links setzen. Wenn du den absoluten Link benutzt musst du erst einmal vollständig hochladen um etwas in der Vorschau zu sehen. Da du ja einen Webverweis erstellst.

Bei relativen Links files/mein-bild.jpg wird auch lokal in der Vorschau nach dem Bild gesucht und es auch angezeigt wenn der Link korrekt ist. Das Problem bei relativen Links ist wenn man einen Blog bzw. Warenkorb benutzt ist man in einem anderen Ordner somit stimmt der relative Link nicht mehr und die Bilder werden nicht angezeigt. Deswegen absolute Links benutzen und man hat das Problem umgangen.

und nochmal @Udo - richtig schauen MENÜ ist blau hinterlegt

Mehr lesen
Gepostet am von Der Zwoemti
Thomas D.
Thomas D.
User
Autor

danke nochmal an alle, ist eine super sache und verständl. hilfe, schöne vorweihnachtszeit!

Mehr lesen
Gepostet am von Thomas D.