Giter VIP home page Giter VIP logo

collective.prettyphoto's Introduction

https://travis-ci.org/collective/collective.prettyphoto.png

prettyPhoto is a jQuery based lightbox clone. It supports images, it also add support for videos, flash, YouTube, iFrames and ajax.

It's a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser.

This plugin has been tested and is known to work in the following browsers:

  • Firefox 3.0+
  • Google Chrome 10.0+
  • Internet Explorer 6.0+
  • Safari 3.1.1+
  • Opera 9+

collective.prettyphoto integrates prettyPhoto 3.1.5 into Plone.

Development focus is now set to Plone 4.x. Currently all 4.x versions are tested on Travis CI. Plone 3.x is no longer officially supported.

Install this package in either your system path packages or in the lib/python directory of your Zope instance. You can do this using either easy_install or via the setup.py script.

If you are using buildout to manage your instance installing collective.prettyphoto is even simpler. You can install collective.prettyphoto by adding it to the eggs line for your instance:

[instance]
eggs = collective.prettyphoto

After updating the configuration you need to run the bin/buildout, which will take care of updating your system.

collective.prettyphoto adds a new view for Collections and Folders: Thumbnail view (prettyPhoto).

To use prettyPhoto for inline elements just add prettyPhoto from the styles menu in TinyMCE to the link.

collective.prettyphoto can be customized via property sheet (go to ZMI, portal_properties, prettyphoto_properties).

  • theme:
    • pp_default (default)
    • dark_rounded
    • dark_square
    • facebook
    • light_rounded
    • light_square
  • speed:
    • fast
    • normal (default)
    • slow
  • opacity: value from 0.0 to 1.0 (default: 0.80)
  • show_title: show the title for images? (default: True)
  • counter_sep: the separator for the gallery counter 1 "of" 2 (default: "/")
  • autoplay: automatically start videos? (default: True)
  • iframe_width: the width of the iframe (must be percantage, default: 75%)
  • iframe_height: the height of the iframe (must be percantage, default: 75%)
  • overlay_gallery: If set to true, a gallery will overlay the fullscreen image on mouse over (default: False, the bug (http://bit.ly/eKYdrF) is fixed since 0.4.1 (pP 3.0.3) but your image url has to contain (jpg|jpeg|png|gif) somewhere)
  • slideshow: interval time in ms, 0 to disable slideshow (default: 0)
  • autoplay_slideshow: automatically start slideshow? (default: False, only woks when slideshow > 0)
  • deeplinking: rewrite the browser location to enable directlinks to overlay images (default: False)
  • social_tools: html markup for social links within image overlays (twitter, FB, ...) (default: empty) see http://bit.ly/pDQ19A for detailed information

prettyPhoto is developed by Stephane Caron (http://www.no-margin-for-errors.com) and is licensed under Creative Commons Attribution 2.5.

  • fRiSi
  • hpeteragitator
  • jensens
  • petschki
  • saily
  • tmassman

collective.prettyphoto's People

Contributors

agitator avatar benniboy avatar frisi avatar jensens avatar petschki avatar rpatterson avatar saily avatar thomasmassmann avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

collective.prettyphoto's Issues

Topic vs. Collection

Currently you'll get a KeyError when trying to install collective.prettyphoto in combination with plone.app.collection.

How should we handle the new Collection type in Plone 4.x?

  • Drop template registration in types.xml for Topic
  • Add a seperate GS-Profile which is registered as default with zcml:condition="installed plone.app.collection"

make overlay_gallery more configureable by users

currently there's no way to configure the overlay gallery through properties. for integrators this can be a pain, because they have to walk through the javascript + css code to update the values they want to change.

if you want to increase overlay_gallery item width from 50 to 100 it's really a hard job because the value '50' is hardcoded on multiple lines in js+css.

idea is to encapsulate this value and add a new property to allow users to configure:

  • overlay_gallery item width

... add more overlay_gallery properties you want to configure :-)

s

Using plone 4.3.2 and collective.prettyphoto 0.5. Inserted an internal image into a standard plone page, say 200x200 px. I click on the image (while still in edit) and select "prettyPhoto Iframe Link" as the style, save the page. Upon clicking on the image, a lightbox opens up, showing the title of the image, but there is no image, just an empty lightbox--see image.
ss_457

prettyPhoto view doesn't work with collections

Hi there,

This view doesn't seem to work properly with (new) collections.

I tested with a collection containing a couple of images - Display ->Thumbnail view works properly, however when changing to Display -> Thumbnail view (prettyPhoto) the collection appears empty:
No albums or photos uploaded yet.

Has anyone had this working with new style collections?

Thanks for a great add-on. ๐Ÿ‘

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.