Page 1 of 1
CNTPart Bildwechsel
Posted: Wed 17. Dec 2014, 10:42
by mahoney
Hallo,
ich versuche mich gerade am Bildwechsel und wollte fragen, ob die kleinen Bilder wirklich nur in einer Zeile dargestellt werden können? Ich meine, ich habe 9 Bilder, die ich quasi klein als Block darstellen möchte (3x3) - geht das nicht? Mit dem default.tmpl hab ich auch schon "rumgespielt", aber nicht sehr erfolgreich...
....Sorry, ich habe hier schon gesucht, bin aber nicht so richtig fündig geworden.
Achso phpwcms 1.7.6
Danke für nen kleinen Schubser
Mahoney
Re: CNTPart Bildwechsel
Posted: Wed 17. Dec 2014, 17:51
by update
Dieser CP ist alt und es gibt Vergleichbares mit Javascript und anderen Bild-CPs. Aber vielleicht meldet sich Oliver ja dazu auch noch.
Bis dahin Beispiele, wie es gehen kann:
http://www.phpwcms-howto.de/wiki/doku.p ... s/sliderjs
http://www.pixedelic.com/plugins/camera/
Re: CNTPart Bildwechsel
Posted: Thu 18. Dec 2014, 00:09
by Oliver Georgi
wirklich nicht mehr ganz auf der Höhe der Zeit. Sinnvoller "Bilder <div>" zu nehmen.
Re: CNTPart Bildwechsel
Posted: Fri 19. Dec 2014, 11:33
by kukki
Das geht natürlich auch
damit !
Vor allen kann amn die Größe und Erscheinung der Bildchen steuern/ ausblenden ... wie man halt will
Re: CNTPart Bildwechsel
Posted: Fri 2. Jan 2015, 11:16
by tim-j-63
@kukki das ist eine schöne Lösung, aber gibt es auch eine HTML5 Variante, welche gleichzeitig optimiert ist für eine Responsive Webdesign?
Vielen Dank für deine Antwort im Voraus und liebe Grüße Tim
Re: CNTPart Bildwechsel
Posted: Fri 2. Jan 2015, 11:59
by Oliver Georgi
Ich hatte den CP
Bilder <div> schon entsprechend aufgebohrt. Dieser hat den Teil ENTRY_DATA und DATA sowie diverse andere zusätzliche Optionen wie Hidden oder Random oder auch Limit. Damit kann man das absolut zuverlässig bauen und mit JavaScript anreichern.
Prinzip:
Code: Select all
…
<!--IMAGES_ENTRY_START//-->
[FIRST]
<div class="bigimage">
<img src="img/cmsimage.php/600x300x1/{IMAGE_HASH}.{IMAGE_EXT}" id="target-{ID}">
</div>
[/FIRST]
<!--ENTRY_DATA_START//-->
<div class="thumbnail">
<img src="img/cmsimage.php/100x100x1/{IMAGE_HASH}.{IMAGE_EXT}" data-large="img/cmsimage.php/600x300x1/{IMAGE_HASH}.{IMAGE_EXT}">
</div>
<!--ENTRY_DATA_END//-->
<!--IMAGES_ENTRY_END//-->
<!--IMAGES_FOOTER_START//-->
[DATA]
<div class="thumbnails">
{DATA}
</div>
[/DATA]
</div>
<!--IMAGES_FOOTER_END//-->
Re: CNTPart Bildwechsel
Posted: Tue 6. Jan 2015, 07:32
by kukki
tim-j-63 wrote:@kukki das ist eine schöne Lösung, aber gibt es auch eine HTML5 Variante, welche gleichzeitig optimiert ist für eine Responsive Webdesign?
Vielen Dank für deine Antwort im Voraus und liebe Grüße Tim
HTML5-Varinate ergibt sich durch das CMS selber - siehe Quelltest! Außerdem steht auf der engegebenen Seite:
[ZITAT]
ACHTUNG:
Der Slider ist responsiv, er past sich automatisch an ein umgebendes DIV-Konstrukt an.
Wähle also eine entsprechende Breite des DIV-Containers und schon passt sich der Slider in diesem Container selber an!
[/ZITAT]