WBCE CMS Forum

grindbatzn

Guest

Itemz: Vorschläge für Presets/Tutorials gesucht

Wenn jemand eine coole oder originelle Sache im Web sieht, die man mit Itemz umsetzen könnte:
Bitte her mit dem Link dorthin.

Das könnten irgendwelche Slider sein, oder kleine Gallerys, oder...

Ich versuche dann gerne, das als Preset für Itemz umzusetzen, oder (wenn schwierig) ein kleines So-Gehts-VIdeo + Tutorial zu machen

florian

Administrator

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Spontan fällt mir ein:
- Yet another gallery: http://fotorama.io
- so Tabs wie in dem childs2tabs-znip

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

grindbatzn

Guest

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

fotorama:
Wäre an sich eine Kleinigkeit: http://wbce.at/tpls/unterseiten/itemz-p … torama.php
ABER: Es klemmt etwas mit dem Bilder-Handling in Itemz.
Außer man nimmt für die Thumbs auch die Großen Bilder, was aber ziemlich Ladezeit aufträgt.
Oder man kümmert sich selbst um die Thumbs.

Oder: Man macht das OHNE Thumbs, dann ist es aber etwas dünn.

Last edited by grindbatzn (25.03.2017 16:56:31)

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

OWL carousel ?

http://www.jqueryscript.net/demo/Powerf … mages.html

https://gijsroge.github.io/owl-carousel2-thumbs/

Last edited by kleo (26.03.2017 07:48:05)

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Ich vermisse einen schönen Effekt namens "ContentFlow", welcher früher in der Foldergallery eingebaut war:

https://www.primefaces.org/showcase/ui/ … Flow.xhtml

So was wäre für Itemz Presets meiner Meinung nach eine Bereicherung.

P.S.: Es gibt, glaube ich, auch was änliches namens "CoverFlow"...

Last edited by kleo (26.03.2017 20:53:28)

grindbatzn

Guest

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Danke für den TIpp zu OwlCarousel !
Sowas ist ideal für Itemz.
http://wbce.at/tpls/unterseiten/itemz-p … rousel.php

grindbatzn

Guest

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Und das nächste.
http://wbce.at/tpls/unterseiten/itemz-p … erflow.php

Beide noch in Arbeit, aber wer will kann sie schon mal haben.

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

WOW !!!

Bei der OwlCarousel würde ich auf jeden Fall optional einen Feld mit den Link bei jedem Item zu benutzen.

Zu der zweiten Variante:
ContentFlow gefällt mir optisch viel besser als CoverFlow

grindbatzn

Guest

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Bei der OwlCarousel würde ich auf jeden Fall optional einen Feld mit den Link bei jedem Item zu benutzen.

Zu der zweiten Variante:
ContentFlow gefällt mir optisch viel besser als CoverFlow

Einen Link kann man bei OwlCarousel ja leicht einmal einbauen.

ContentFlow: Da blicke ich überhaupt nicht durch, ich finde nichteinmal einen aktuellen Download. Auch bei Coverflow gäbe es einen Spiegeleffekt, aber den hab ich nicht zum laufen gebracht.

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Ich habe noch ein Paar Beispiele:

http://www.360slider.com/

oder
https://tympanus.net/Development/Circul … tCarousel/
Interessant wird, wenn man auf "More.." clickt. Dann kann man weiter vorwährts oder rückwährts clicken.
Hier kann man herunterladen:
http://tympanus.net/Development/Circula … rousel.zip

Ich habe neulich noch eine interressante Sache gesehen, muss sie baer erst finden...

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Demo:
https://tympanus.net/Tutorials/RotatingImageSlider/

Herunterladen:
http://tympanus.net/Tutorials/RotatingI … Slider.zip

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Noch ein kleiner Vorschlag:

manchmal möchte man einen "kleinen" und leichten Slider verwenden.

Wäre viellecht  so was geeignet dafür?

http://responsiveslides.com/

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Hier ist die Seite von ContentFlow:

http://www.contentflow.eu/

grindbatzn

Guest

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Hier ist die Seite von ContentFlow:

http://www.contentflow.eu/

Yep! Mit SO einer Documentation ist das narrensicher.

http://wbce.at/tpls/unterseiten/itemz-p … tch=alporx

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

S U P E R ! ! !

Ich würde die weiße Varinte benutzen:
http://www.contentflow.eu/downloads/Con … te_2.0.zip

Kann man da auch den SlideShow-Modus (automatische Wiedergabe) aktivieren?
Wie hier:
http://www.contentflow.eu/downloads/Con … ow_3.0.zip

Last edited by kleo (26.03.2017 20:29:21)

grindbatzn

Guest

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Angehängt ist das Verzeichnis /modules/itemz/helpers/
Da drin ist der Ordner contentflow, den lade in das entsprechende Verzeichnis.

Das Preset selbst ist hier:
http://wbce.at/tpls/modules/itemz/prese … entflow.js

In den presets-Ordner rein, hochladen, aufrufen.

Dann kannst du das ganze ja so ändern, wie du es gerne hast.

Last edited by grindbatzn (26.03.2017 21:58:15)

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Danke!!!
Ich werde es heute probieren!

Kann man beim ContentFlow auch einen Feld mit dem Link einbauen?

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Ich habe es probiert, es funktioniert wunderbar!

Ich habe auch einige AddOns heruntergeladen und probiert, die funktionieren auch.

 <script type="text/javascript" src="[ITEMZ_MOD_DIR]helpers/contentflow/contentflow.js"  load="AddOn_Name"></script>

Ich habe auch probiert einen Link für Item einzubauen, es funktioniert auch:

<img class="item" href="[SHORT1]" src="[PICTURE]" title="[NAME]"/>

Vielleicht mach es Sinn, das Feld mit Link gleich im Preset einzubauen. Das schadet doch nicht.

Last edited by kleo (27.03.2017 19:04:11)

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Wie sieht es damit aus?

https://www.sitepoint.com/jquery-360-de … y-plugins/

Interessant finde ich folgende Beispiele:

http://spritespin.ginie.eu/examples.html#3d-view.html
http://spritespin.ginie.eu/examples.htm … orama.html
http://test.vostrel.net/jquery.reel/exa … on-sprite/
http://test.vostrel.net/jquery.reel/exa … se-sprite/

Last edited by kleo (09.04.2017 18:19:15)

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Beim Preset ContentFlow erscheinen beim Laden der Seite zuerst alle Bilder und dann erscheint der eigentliche ContentFlow. Man kann es richtig merken, wenn die Internetverbindung etwas langsam ist.

Liegt es vielleicht an der Reihenfolge, welche Dateien zuerst geladen werden?
Oder?

grindbatzn

Guest

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Das sind ein paar sehr spezielle Sachen dabei, wozu auch itemz nicht wirklich sinnvoll ist.
Das meiste geht einfach per Code2 Modul.

>>Beim Preset ContentFlow erscheinen beim Laden der Seite zuerst alle Bilder
Das sieht man öfter bei verschiedenen jQuery-Plugins. Der Grund ist, dass der Slider erst startet, wenn alles geladen ist.
Was das "Alles" ist, hängt vom Template und anderen Modulen ab; was muss vorher noch gemacht werden.

Man kann mit CSS die Größen fixieren oder die weiteren Bilder auf display:none stellen (in der Hoffnung, dass das PlugIn sie wieder sichtbar macht)

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Ich habe gedacht, dass ein Itemz-Preset als "Viewer" für die 3D-Darstellung eines Produktes sinnvoll wäre.

Aus meiner Sicht wäre es eine schöne Ergänzung zu den vorhandenen Presets.

Geht es vielleicht mit einem anderen Preset?

florian

Administrator

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Ohne Dir zu nahe treten zu wollen: Ein 3D-Viewer ist nun wirklich sehr speziell.
Neben den an einer Hand abzählbaren Einsatzbereichen  setzt so etwas auch voraus, dass das entsprechende Bildmaterial vorhanden ist.
Es lohnt m.E. nicht, dafür ein Preset zu machen, weil das für das Gros der Nutzer nicht relevant ist.

---

Sorgen sind wie Nudeln: man macht sich meist zu viele.

kleo

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Was ich gemeint habe ist nicht wirklich ein 3D-Viewer, sodern ein Viewer, der einzelene Bilder zeigt, wenn man da mit der Maus bewegt.

Und so "exotisch" ist es auch nicht.

Wird auf der Webseite ein Produkt, ein Objekt vorgestellt, ist es sinnvoll es interaktiv von verschiedenen Seiten anzuzeigen. Sei es Schuhe, Fotokameras, Fahräder, Autos oder sogar Häuser.

Das passt gut zu Itemz: ein Bild - ein Item.
Zwei Bilder - zwei Ansichten (vorne, hinten)
Vier Bilder - Ansichten von allen vier Seiten
Mit mehr Bilder kann man praktisch eine 360 Grad Darstellung des Objektes realisieren.

Last edited by kleo (20.04.2017 20:27:34)

byteworker

Member

Re: Itemz: Vorschläge für Presets/Tutorials gesucht

Wie wäre es denn damit? ich habe das Dingelchen auf einer Seite und finde es ganz hübsch:

http://www.jqueryscript.net/gallery/Ani … lugin.html
https://tympanus.net/Development/Animat … ImageGrid/

LG Norbert

---

= Templates für WBCE