Hallo!
Vielen Dank für die neue Detail Ansicht PowerSwipe!
Doch hier kommt direkt ein paar Fragen.
1.) Ist es möglich anstatt eines schwarzen Hintergrund eine Überlagerungstransparenz einzustellen?
2.) In der Detail Ansicht lässt sich mit PowerSwipe jedes Bild direkt teilen (Share on Facebook, Tweet, Pin it und Download image). Kann ich auch steuern welche Funktion angezeigt werden soll? Für mich ist nur Share on Facebook interessant. (COM_PHOCAGALLERY_SHARE)
3.) Wenn ich ein thumb Bild anklicke, damit PowerSwipe dieses darstellt ist das Bild für die erste Sekunde verzogen. Woran kann das liegen?
Nette Grüße !
PowerSwipe in PhocaGallery! Transparenz , Dateinamen, Share ?
-
- Phoca Enthusiast
- Posts: 81
- Joined: 14 Oct 2015, 15:16
- Jan
- Phoca Hero
- Posts: 48041
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: PowerSwipe in PhocaGallery! Transparenz , Dateinamen, Share ?
Hallo,
1) welchen schwarzen Background du meinst. Wenn der beim Popup Photoswipe, dann glaube ich, dies muss man direkt in Kode von Photoswipe Javascript Library modifizieren
2) Siehe hier:
administrator\components\com_phocagallery\libraries\phocagallery\render\renderdetailwindow.php
line cca 764 - da kann man "Share" deaktiviert, aber als das Ganze.
Sonst here:
components\com_phocagallery\assets\photoswipe\js\photoswipe-initialize.js
Zeile: 162, man kann nach "," eigene Optionen eingeben, so man kann einige Share Links z.B. entfernen:
3) hast du ein Screenshot oder Live seit, es kann sein, das Large thumbnail nicht die gleiche Ratio wie Medium Thumbnail hat
Jan
1) welchen schwarzen Background du meinst. Wenn der beim Popup Photoswipe, dann glaube ich, dies muss man direkt in Kode von Photoswipe Javascript Library modifizieren
2) Siehe hier:
administrator\components\com_phocagallery\libraries\phocagallery\render\renderdetailwindow.php
line cca 764 - da kann man "Share" deaktiviert, aber als das Ganze.
Sonst here:
components\com_phocagallery\assets\photoswipe\js\photoswipe-initialize.js
Zeile: 162, man kann nach "," eigene Optionen eingeben, so man kann einige Share Links z.B. entfernen:
Code: Select all
shareButtons: [
{id:'facebook', label:'Share on Facebook', url:'https://www.facebook.com/sharer/sharer.php?u={{url}}'},
{id:'twitter', label:'Tweet', url:'https://twitter.com/intent/tweet?text={{text}}&url={{url}}'},
{id:'pinterest', label:'Pin it', url:'http://www.pinterest.com/pin/create/button/?url={{url}}&media={{image_url}}&description={{text}}'},
{id:'download', label:'Download image', url:'{{raw_image_url}}', download:true}
],
Jan
If you find Phoca extensions useful, please support the project
-
- Phoca Enthusiast
- Posts: 81
- Joined: 14 Oct 2015, 15:16
Re: PowerSwipe in PhocaGallery! Transparenz , Dateinamen, Share ?
/components/com_phocagallery/assets/photoswipe/css/photoswipe.css1) welchen schwarzen Background du meinst. Wenn der beim Popup Photoswipe, dann glaube ich, dies muss man direkt in Kode von Photoswipe Javascript Library modifizieren
Code: Select all
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity; }
Code: Select all
/* ####### PowerSwipe ####### */
.pswp__bg {
background-color: rgba(0, 0, 0, 0.64);
background: rgba(0, 0, 0, 0.64);
color: rgba(0, 0, 0, 0.64);
}
In der "photoswipe-initialize.js" finde ich den Code nicht.2.) ... Sonst here:
components\com_phocagallery\assets\photoswipe\js\photoswipe-initialize.js
Zeile: 162, man kann nach "," eigene Optionen eingeben, so man kann einige Share Links z.B. entfernen:
Code: Select all
shareButtons: [ {id:'facebook', label:'Share on Facebook', url:'https://www.facebook.com/sharer/sharer.php?u={{url}}'}, {id:'twitter', label:'Tweet', url:'https://twitter.com/intent/tweet?text={{text}}&url={{url}}'}, {id:'pinterest', label:'Pin it', url:'http://www.pinterest.com/pin/create/button/?url={{url}}&media={{image_url}}&description={{text}}'}, {id:'download', label:'Download image', url:'{{raw_image_url}}', download:true} ],
Du meintest wohl die "photoswipe-ui-default.min"
Du hast recht, es liegt daran das das Verhältnis vom Large und Medium Thumbnail nicht das gleiche ist. Was kann ich machen?3) hast du ein Screenshot oder Live seit, es kann sein, das Large thumbnail nicht die gleiche Ratio wie Medium Thumbnail hat
Hier geht's zur Live Seite: KLICK !
Hast du vielleicht einen Vorschlag für mich wie ich die Gallery schöner machen kann? Habe schon an den Mauereffekt oder so gedacht.
- Jan
- Phoca Hero
- Posts: 48041
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: PowerSwipe in PhocaGallery! Transparenz , Dateinamen, Share ?
Hallo, Medium und Large Thumbnail muss gleichen Verhältnis haben, z.B.:
medium: 200x150 (200/150 = 1.333)
Large: X x 600 (x/600 = 1.333 -> 1.333 x 600 = 800) ==> 800x600
Jan
medium: 200x150 (200/150 = 1.333)
Large: X x 600 (x/600 = 1.333 -> 1.333 x 600 = 800) ==> 800x600
Jan
If you find Phoca extensions useful, please support the project