Hintergrundeffekte, seitenwechsler oder eingangsseiteneffekte programmieren
Autor: Thomas D.
Besucht 1450,
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:
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
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
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ü.
Das Menü ist in diesem Demo ausgeblendet worden ! (Wie auch das komplette Template) In dem Beispiel ist es nicht im INTRO eingebunden !
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
@zwoemti blind bin ich nicht...und ich schreibe das auch nicht ohne es angesehen zu haben
Wie wird denn das Menü eingeblendet?
ich sehe kein Menü auf der Testseite....nur den Warenkorb
Cache löschen
http://testseiten.unofficialwsx5.de/supersized_v2/
Das Menü wird dort eingeblendet wo es ausgeblendet wird
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.
also die Testseite meine ich nicht sondern die iwzip datei
Schau mal ob unter "4" Code im "vor dem </head> Tag" noch sowas wie
#imMnMn {display: none}
drinnen steht ! Das musst du rauslöschen !
danke für den Tipp, steht aber leider nicht da
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
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!
Autor
leider habe ich probleme die bilder zu ersetzen:
1. unter eigenschaften, dieser code?
{image : 'https://farm4.staticflickr.com/3927/15312498328_e233787bae_h_d.jpg' title : 'Image Credit: Mario Rothenberg', thumb : 'https://farm4.staticflickr.com/3927/15312498328_e40db49908_q_d.jpg' url : 'http://unofficialwsx5.de'}
und dann noch im dateianhang? aber wie?
VG
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.
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...
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?
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"!
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
@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
Autor
danke nochmal an alle, ist eine super sache und verständl. hilfe, schöne vorweihnachtszeit!