Coder Social home page Coder Social logo

scaron / prettyphoto Goto Github PK

View Code? Open in Web Editor NEW
552.0 51.0 282.0 5.43 MB

prettyPhoto is a jQuery based lightbox clone. Not only does it support images, it also add support for videos, flash, YouTube, iFrames. It’s a full blown media lightbox. The setup is easy and quick, plus the script is compatible in every major browser.

Home Page: http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/

CSS 34.49% HTML 20.69% JavaScript 44.83%

prettyphoto's Introduction

prettyPhoto v3.1.6
© Copyright, Stephane Caron
http://www.no-margin-for-errors.com


============================= Released under =============================

Creative Commons 2.5
http://creativecommons.org/licenses/by/2.5/

OR

GPLV2 license
http://www.gnu.org/licenses/gpl-2.0.html

You are free to use prettyPhoto in commercial projects as long as the
copyright header is left intact.

============================ More information ============================
http://www.no-margin-for-errors.com/projects/prettyPhoto/


============================== Description ===============================

prettyPhoto is a jQuery based lightbox clone. Not only does it support images,
it also add support for videos, flash, YouTube, iFrame. It's a full blown
media modal box.

Please refer to http://www.no-margin-for-errors.com/projects/prettyPhoto/
for all the details on how to use. 

prettyphoto's People

Contributors

briangershon avatar chrisabrams avatar danil avatar eddiemonge avatar francoiscote avatar guilleferrer avatar jackplug avatar sbrauer avatar scaron avatar seydoggy avatar tijsverkoyen avatar toszcze avatar vigrond avatar

Stargazers

 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

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

prettyphoto's Issues

iframe and dark themes

when having e.g. a txt-file (black text on white) opened as iframe with dark_rounded or dark_square theme the text is not readable. This would fix it:
#pp_full_res {
line-height: 1 !important;
background-color: white; /* fix */
}
do you agree?

Double click on close button

Bug if you double Click on close button.

Dirty fixe : replace lines 424

if(settings.hideflash) $('object,embed').css('visibility','visible'); // Show the flash

$(this).remove(); // No more need for the prettyPhoto markup

$(window).unbind('scroll');

settings.callback();

By

if( typeof settings !== 'undefined') {
if(settings.hideflash) $('object,embed').css('visibility','visible'); // Show the flash
}
$(this).remove(); // No more need for the prettyPhoto markup

$(window).unbind('scroll');

if( typeof settings !== 'undefined') {
settings.callback();
}

Overlay gallery not showing all thumbs

Hi,
just observed when having large galleries with e.g. more than 20 images, not all images are beeing represented in the overly-gallery. E.g. I have a gallery with 55 images and when scrolling (in the overlay gallery) to the end, it stops at image no. 50 (than scrolls back)!
I could not figure out at what amount of images that happens, must be somewhere more than 20...
regards.

iframe src with a capital

When I call an iframe and the src have a capital, prettyphoto don't load and goes in a loop of "itemSrc is undefined"

allow_resize icon behaviour

with allow resize enabled the resize icon will be on every image (even on images that are not resizable) after you have been once on an image that was resizable (hmmm, sounds weired...). Will say, when starting in a gallery with an image that is not resizable the icon is not visible, but when visiting an image that is resizable the icon styas on every following image...

3.0.2: loops through the gallery issue

the changed "loops through the gallery instead disabling the next arrow on the last item" does not work correct (tested in IE8 and FF with facebook theme) on the first image when selecting the "prev" button. The arrow appears but the image will not change to the last in the gallery (backwards). When at the last image it works correct and will display the fisrt image when selecting the next arrow!

Bug in the API

"The API works fine - but when you try and open the image without a title, or without a description (the images i'm displaying have neither) i get a javascript error."

Inline Gallery display bug

for some Joomla! templates it is required to add "padding: 0;" as well in .pp_gallery li. Can you add it to the css file?
Thanks cs.

Fallback for IE6 in API calls

$.prettyPhoto.open = function() {
if(typeof settings == “undefined”){ // Means it’s an API call, need to manually get the settings and set the variables
settings = pp_settings;
if($.browser.msie && $.browser.version == 6) settings.theme = “light_square”; // Fallback to a supported theme for IE6

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.