CNTPart Bildwechsel

[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

[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/

[Oliver Georgi]

wirklich nicht mehr ganz auf der Höhe der Zeit. Sinnvoller "Bilder <div>" zu nehmen.

[kukki]

Das geht natürlich auch damit !

Vor allen kann amn die Größe und Erscheinung der Bildchen steuern/ ausblenden ... wie man halt will

[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

[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//-->

[kukki]

@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]