closed resolved
indierockmedia
Member
prettyPhoto basically doesn't work on iphone. holding the phone vertically, it loads the overlay with the image at 50% screen width. things are squished. holding the phone horizontally, and it doesn't work at all. See screenshots.
http://mikelythcott.com/IMG_3004.PNG
http://mikelythcott.com/IMG_3005.PNG
indierockmedia
Member
Also, if I take off the default in functions.php that loads pretty photo js and removed the pretty photo css from header.php, then install "add lightbox" and "jquery colorbox" plugins, it works everywhere, EXCEPT portfolio items. those don't add the code to the image links so lightbox wont work there.
indierockmedia
Member
Another thing I found. the reason that portfolio items only don't load the lightbox when you click the image is because the class name "cBoxelement" (for colorbox) isn't added to the A HREF for the image tag. It's added for sliders in blog posts, galleries in blog posts.. everywhere except the portfolio items.
what do i edit to manually add the class name to the A HREF TAG?
Maybe you forgot to delete or adjust the code in js/avia.js? The code calls prettyphoto as default lightbox. Search for following line:
if($.fn.prettyPhoto)
elements.prettyPhoto({ social_tools:'',slideshow: 5000, deeplinking: false, overlay_gallery:false, default_width: ww, default_height: wh });and change the code to your requirements.
indierockmedia
Member
ive tried deleting that code, changing it with colorbox settings, de-activated all plugins to avoid conflicts.. nothing. The lightbox simply doesn't activate, just goes to the full image URL. why does the portfolio only section not work like sliders/gallery on all other sections? what's the difference?
indierockmedia
Member
Could you simulate, on a local install, what I am trying to do?
1. activate jQuery Colorbox plugin (and Add Lightbox if needed)
2. remove the prettyPhoto JS and CSS
You'll see that colorbox then works for everything except portfolio items (the slider and any galleries inserted into the body content). Ive tried everything for two days now.
I can't simulate this offline (it takes me too much time) but can you post a link please - maybe I can find a js error. Based on the docs http://jacklmoore.com/colorbox/ you can simply bind it to any element with following code:
jQuery('.lightbox').colorbox();
indierockmedia
Member
Bokehman, good idea! Dude, here is a link http://rgnts.com/photos/
thanks so much for taking a look!
indierockmedia
Member
Dude, and yeah I tried binding and when I would do that, it would de-activate the click through on the image. the rollover effect would work, but the link to open the lightbox wouldn't. (i had to hack up some code too to get the A HREF link to properly attach the right REL and Class names to the link too.
indierockmedia
Member
Got it to work sorta! Installed the "Add LightBox & Title" plugin and "Lightbox Plus" plugin. Made the adjustments as recommended and after some fiddling, it works in the portfolio and other places. BUT now on the home blog page (not on individual pages), if there are multiple sliders or featured image, the colorbox works but gets wrapped up with another plugin.. could be just another plugin causing issues, but almost there. Ill post my fixes when I get it fully working.
indierockmedia
Member
I used the "add lightbox and title" and "lightbox plus" plugin (which uses Colorbox). I changed the line of code above to:
if($.fn.prettyPhoto)
elements.colorbox();
$('.ajax-portfolio-response li.featured a').colorbox({rel:'lightbox'});
SOLID! Now everything works great!
Great!
Just for your info guys: The issues with prettyphoto lightbox will be fixed as soon as prettyPhoto 4.0 is released. The author of the lightbox told me he is working on that version and it will be optimized for mobile devices ;)
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
