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
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
Kannst du nicht das entsprechende Template raussuchen und anpassen?
Schau mal hier: http://www.think-contao.de/bildergal...ao-nutzen.html
Hallo,
auf die Idee mit dem Template bin ich überhaupt nicht gekommen.
vielen Dank
Klaus
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 ;-)Zitat:
Zitat von dazzle89
Viele Grüße
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:
Code: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