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)?
Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
[Arbeitet bei -> Paus Design & Medien]
"I can EXPLAIN it to you, but I can't UNDERSTAND it for you."
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
Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
Lesezeichen