PowerSwipe in PhocaGallery! Transparenz , Dateinamen, Share ?

Phoca Gallery - image gallery extension
Krabtus
Phoca Enthusiast
Phoca Enthusiast
Posts: 81
Joined: 14 Oct 2015, 15:16

PowerSwipe in PhocaGallery! Transparenz , Dateinamen, Share ?

Post by Krabtus »

Hallo!

Vielen Dank für die neue Detail Ansicht PowerSwipe! :twisted:

Doch hier kommt direkt ein paar Fragen. :roll:

1.) Ist es möglich anstatt eines schwarzen Hintergrund eine Überlagerungstransparenz einzustellen? 8)
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? :idea:

Nette Grüße !
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47794
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: PowerSwipe in PhocaGallery! Transparenz , Dateinamen, Share ?

Post by Jan »

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 :idea:
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}
],
3) hast du ein Screenshot oder Live seit, es kann sein, das Large thumbnail nicht die gleiche Ratio wie Medium Thumbnail hat :idea:

Jan
If you find Phoca extensions useful, please support the project
Krabtus
Phoca Enthusiast
Phoca Enthusiast
Posts: 81
Joined: 14 Oct 2015, 15:16

Re: PowerSwipe in PhocaGallery! Transparenz , Dateinamen, Share ?

Post by Krabtus »

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
/components/com_phocagallery/assets/photoswipe/css/photoswipe.css

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; }
Meine Lösung für die Desktop Ansicht. :wink:

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);
}
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}
],
In der "photoswipe-initialize.js" finde ich den Code nicht. :idea: :!:
Du meintest wohl die "photoswipe-ui-default.min" :twisted:
3) hast du ein Screenshot oder Live seit, es kann sein, das Large thumbnail nicht die gleiche Ratio wie Medium Thumbnail hat :idea:
Du hast recht, es liegt daran das das Verhältnis vom Large und Medium Thumbnail nicht das gleiche ist. Was kann ich machen? :(
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.
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47794
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: PowerSwipe in PhocaGallery! Transparenz , Dateinamen, Share ?

Post by Jan »

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
If you find Phoca extensions useful, please support the project
Post Reply