Piwigo.org

beppo · 2021-01-22 16:50:42

Hallo!

Erst einmal vielen Dank an die Entwickler. Ich bin leider erst viel zu spät auf Piwigo gestossen und bin nahe an meiner Vorstellung für eine Download-Plattform und Gallerie für meine Bilder.

Es hat alles wunderbar geklappt, ich habe lediglich ein kleines Schönheitsproblem in der mobilen Ansicht auf dem Smartphone. Das Bild auf der Startseite ragt leider am Rand weiter heraus, sprich wird nicht automatisch auf die mobile Ansicht angepasst (responsive).

Ich benutze:
Theme: Bootstrap Darkroom
Plugins: Additional Pages, Extended Description

Bei Additional Pages habe ich die unterschiedlichen Größen-Paramameter (M, L) über Extended Description probiert, aber das bewirkt nichts.

Hier ein Link wie es ausschaut: http://foto.testphase.de Wie gesagt, nur auf dem Smartphone schiebt sich das große Bild dann über den Rand.

Für einen Tipp wäre ich sehr dankbar.

Gruß

Butters · 2021-01-22 18:39:15

hi,

auf meinem handy sieht die sache in ordnung aus.

aaaaber. als ich das bild gesehen habe, hatte ich sofort ein extremes deja-vu und hab mal kurz gekramt. das foto ist von 2015:

fast eineiige zwillinge. sachen gibts :-)

Beitrag geändert von Butters (2021-01-22 18:40:34)

beppo · 2021-01-22 18:44:40

:)) Das sind wirklich fast eineiige Zwillinge!

Sorry, hatte noch das das falsche Theme für mobile Geräte eingeschaltet. Jetzt sollte der Fehler sichtbar werden....

drlecter · 2021-01-22 19:01:45

Hm auf der Startseite macht das Theme wohl bei Bildern Probleme. Wie hast du das eingefügt?
Du könntest das vielleicht mal als Banner probieren. Ich denke es fehlen die Infos für verschiedene Auflösungen.
Ach, darf ich fragen woher das Bild ist? Ist das das LaPaDu oder irre ich mich?

beppo · 2021-01-22 19:14:33

Ich habe mit dem Plugin

Additional Pages (https://piwigo.org/ext/extension_view.php?eid=153) und
Extended Description (https://piwigo.org/ext/extension_view.php?eid=175)

eine extra Startseite erstellt und dann das Bild mit dem Code-Schnipsel
<a href="index.php?/categories">[photo id=1 size=L link=no]</a>
eingefügt.

Wahrscheinlich ja eine Sache des CSS oder das funktioniert leider nicht mit dem Theme.

Das ist das alte Hochofenwerk auf Phoenix West in Dortmund :)
-> https://www.ruhrgebiet-industriekultur. … -west.html

drlecter · 2021-01-22 19:31:47

Ok, auch der Pott :)

Butters · 2021-01-22 22:27:36

das ganze areal ist sehr nett - zumindest war es das beim letzten besuch seinerzeit. aber es scheint sich ja nicht viel geändert zu haben. schon kurios, wie selbst perspektive und kamera-position sich gleichen. ist ja nicht so, dass der platz klein wäre und nur eine zuließe.

aber zurück zum thema. jetzt seh ich`s auch. der fehler scheint in der art und weise zu liegen, wie das bild eingebunden wird:

<img src="_data/i/upload/2021/01/22/20210122151721-bfd13ddc-la.jpg" width="1008" height="672" alt="_DSC0093.jpg"></a>

es hat eine feste breite und höhe und wird nicht responsiv eingebunden, deshalb skaliert es auch nicht. wie auch, parameter sind ja fix. die einfachste lösung wäre imho ein responsiver image-tag oder zumindest max/auto-parameter.

beppo · 2021-01-22 23:40:48

Ja, da hat sich nicht viel verändert. Beim 1.Lockdown gab es auf der anderen Seite ein Autokino, das war schon beeindruckend vor der Kulisse.

und wieder zum Thema ;):

Mit den Plugins Additional Pages und Extended Description kann man relativ simpel Standalone-Seiten mit Einzelphotos oder Slideshows einbinden, dabei wird dieser Code generiert:

<style type="text/css">
#menubar {display:none !important;}
.titrePage {display:none}
.content {max-width:1120px; margin:0 auto 10px auto !important;}
.Online {display:none;}
.content_block {max-width:none;}

.myHomePage_photo {text-align: center; margin:50px 0 20px 0;}
.myHomePage_photo a img {border-width:2px; border-style:solid; border-color:#666;}
.myHomePage_links {letter-spacing:2px; text-align:center; margin-bottom:0; font-weight:bold;}
.myHomePage_name {margin-top:30px; letter-spacing:2px; text-align:center;}
</style>

<div id="myHomePage">
<div class="myHomePage_photo">

<a href="index.php?/categories">[photo id=12345 size=L link=no]</a>
</div>

<div class="myHomePage_links">
<a href="index.php?/categories">Albums</a> ● <a href="index.php?/contact">Contact</a>
</div>

<div class="myHomePage_name">
by Piwigo.com Team · This is a demo gallery
</div>
</div>

Da ich nicht weiß, wie man das jetzt so biegt, dass es responsive wird, habe ich das Bild jetzt hart verlinkt und mit einem responsiven css versehen. Das war der Plan und das klappt nun. Vielen Dank!
Wenn jemand weiß, wie das direkt mit Additional Pages und Extended Description funktioniert wäre dann das i-Tüpfelchen ;).

Gruß

Butters · 2021-01-23 08:37:44

ursache und lösungsansatz haste doch schon selber geliefert. du hast das hier verwendet:

<a href="index.php?/categories">[photo id=1 size=L link=no]</a>

... um das bild einzusetzen. (.s.o.)

ersetze den tag durch einen responsiven img-tag und die sache haut hin. die bild-url hast du ja. das funktioniert wunderbar. css braucht es dazu gar nicht, das liefert piwigo von haus aus gleich mit. einfaches html reicht völlig aus.

wobei die gewählte lösung doch auch super ist. die erstellte .responsive-class kannst du ja fest in bootstrap verankern, dann wird das bildereinstellung doch auch easy. und du musst nur noch die class in den bildern benutzen. ist halt nur ein bisschen doppelt-gemoppelt.

wobei einfaches html es auch getan hätte. stichwort "max-width" ;-)

Beitrag geändert von Butters (2021-01-23 08:45:56)

beppo · 2021-01-23 10:28:40

Ich hätte wohl dabei schreiben sollen, dass meine html-Kenntnisse begrenzt sind :D

Es geht mir darum, die Syntax ([photo id=1 size=L link=no]) von den Plugins beizubehalten. Damit kann man auf einer statischen Startseite dann sowohl Einzelbilder als auch eine kleine Slideshow laufen lassen. So bekomme ich es halt nur hin, ein Bild mit einer festen URL zu hinterlegen, was wie gesagt aber auch ok ist.

Eine Verknüpfung der Syntax von Extended Description und responsiver Darstellung ist mir nicht gelungen.

Butters · 2021-01-23 11:00:35

dein gewünschter syntax ist ja kein bild, sondern ein link. da funktionieren img-tags natürlich nicht.

wenn dein hauptanliegen aber im einbinden von bild-elementen aus vorhandenen alben besteht, würde ich den ansatz über add-pages vielleicht noch einmal überdenken - denn dafür ist das plugin IMHO denkbar ungeeignet. es ist ja gerade da, um seiten zu erzeugen, die unabhängig von den galerien sind. dort dann wiederum zu versuchen bezüge einzubauen, ist ein bisschen paradox.

es gibt doch noch andere plugins. mit pgw-stuffs z.b. kannst du elemente in verschiedenen blöcken anordnen. diese können so eingestellt werden, dass sie z.b. mit den galerien korrespondieren oder frei gestaltbar sind, so wie add-pages.

bootstrap selber bietet auch die möglichkeit z.b. per hero ein titelbild für die startseite zu setzen - komplett responsiv.

kommt halt drauf an, was man will (und kann). möglichkeiten gibt es genügend.

beppo · 2021-01-23 11:06:33

Ah danke, die Möglichkeiten sehe ich mir mal an.

Was die reine Fotodarstellung oder auch Zufallsbild aus einem Album-Darstellung angeht, bin ich aber weiter gekommen. Mit dem Parameter html=false liefert mir das Plugin die reine Bild-URL, die ich nun einfach in den vorhandenen img-Tag einbetten kann. :) Das klappt dann.

Nur bei der Slideshow kann ich das nicht, aber mir reicht das jetzt so erst einmal.

Vielen Dank für Eure Mühen.

Piwigo.org

Ankündigung

#1 2021-01-22 16:50:42

mobile Startseite Bild anpassen

#2 2021-01-22 18:39:15

Re: mobile Startseite Bild anpassen

#3 2021-01-22 18:44:40

Re: mobile Startseite Bild anpassen

#4 2021-01-22 19:01:45

Re: mobile Startseite Bild anpassen

#5 2021-01-22 19:14:33

Re: mobile Startseite Bild anpassen

#6 2021-01-22 19:31:47

Re: mobile Startseite Bild anpassen

#7 2021-01-22 22:27:36

Re: mobile Startseite Bild anpassen

#8 2021-01-22 23:40:48

Re: mobile Startseite Bild anpassen

#9 2021-01-23 08:37:44

Re: mobile Startseite Bild anpassen

#10 2021-01-23 10:28:40

Re: mobile Startseite Bild anpassen

#11 2021-01-23 11:00:35

Re: mobile Startseite Bild anpassen

#12 2021-01-23 11:06:33

Re: mobile Startseite Bild anpassen

Brett Fußzeile