Gallery wird in 2.9 in einer Tabelle dargestellt, wie responsive darstellen ?

[kleppi]

Hallo zusammen,

auf meiner alten Webseite werden die Blder der Gallery in einer Tabelle dargestellt.
Kann ich das überhaupt mit CSS anpassen oder kann ich das nur mit Javascript ändern.

Gruß
Klaus

[dazzle89]

Kannst du nicht das entsprechende Template raussuchen und anpassen?

[tomsky]

Schau mal hier: http://www.think-contao.de/bildergal...ao-nutzen.html

[kleppi]

Hallo,

auf die Idee mit dem Template bin ich überhaupt nicht gekommen.

vielen Dank
Klaus

[dazzle89]

Vielleicht wäre es ja sinnvoll, eine Option "tabellenloses Layout" in den Inhaltselement-Einstellungen einzubauen (falls es die nicht schon gibt)?

[MacKP]

Vielleicht wäre es ja sinnvoll, eine Option "tabellenloses Layout" in den Inhaltselement-Einstellungen einzubauen (falls es die nicht schon gibt)?

Macht keinen Sinn mehr, da es keine Tabellen mehr an der Stelle gibt in den aktuellen Contao Versionen ;-)

Viele Grüße

[kleppi]

Hallo zusammen,

falls es jemand interessiert ich habe viele Gallerien auf meiner Seite und habe keine Lust da wieder die Styles anzupassen.
Ich habe für die responsive Ansicht die Gallerie mit Javascript von einer Tabelle auf divs umgesetzt.
Hier ist ein Link zum Ansehen http://www.joggen-in-nrw.de/contao/p...site=index.php
hier mein Script:

window.addEvent('domready', function () {

	
if (window.innerWidth < 760)
	{
		
	// Header-Bild ändern
	changeheader()		
		

	// Gallery ändern
	changegallery()
		
				
	}

function changeheader()
	{
	// Header-Bild ändern	
	mobileheader=document.getElementById("mobilheader")
	br=window.innerWidth
	ho=br/4.08

	mobilebld   = mobileheader.getElementsByTagName("img")
	mbild       = mobilebld[0]

	mbild.style.width =br + "px"					
	mbild.style.height =ho + "px"
	}

function changegallery()
	{
	// Gallery ändern
	gallerys =document.getElementsByClassName("ce_gallery")
	gallery  =gallerys[0]

	if(gallery == undefined)return

	tables   =gallery.getElementsByTagName("table")
	table    =tables[0] 
		
	td     =gallery.getElementsByTagName("td")
	for(i=0 ; i < td.length ; i++)
		{
		text = td[i].innerHTML
		div = document.createElement('div');
			   
		div.innerHTML = text;
		div.style.visibility = "visible";
			
		bld =td[i].getElementsByTagName("img")
		bldwidth=bld[0].width			// Bildbreite

		cap =td[i].getElementsByClassName("caption")
		cap[0].style.width = bldwidth		// Caption breite

		div.style.width      = td[i].style.bldwidth

		div.style.float      = "left"
		gallery.appendChild(div);
		}

	table.style.display="none"
	}



})

Gruß Klaus