iPad / indicator

Permalink Browser Info Environment
Hi !
Just a question.
I am getting a lot of feedback that when I use the single thumbnail, on the iPad it is not so clear that there is a lightbox gallery to look at, because the only way you see the magnifying glassr is by hovering with the mouse over the picture... I am resisting the temptation to add text - "click the picture to view gallery".
http://stagingseydoux5.ch/index.php/projekte/gartendsein...
This is also a problem on the pagelist portfolio page, but there the pictures are smaller and more thumbnail-like.
http://stagingseydoux5.ch/index.php/projekte...
What are your views on this? Should I add the text, or add a template so that the magnifying glass shows all the time on the thumbnail? I would like to keep things minimal. I've checked the web but nobody is addressing this - or at least they don't think it is a problem...
Great gallery by the way...

Type: Discussion
Status: Resolved
arlenesey
View Replies:
Steevb replied on at Permalink Reply
Steevb
Hi Arlene,
Will look at targeting iDevices with the spyglass indicator and get back soon.

Cannot help with theme issues, not my theme.
Steevb replied on at Permalink Reply
Steevb
Add code below to the bottom of the one thumbnail css file.
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
      only screen and (min--moz-device-pixel-ratio: 1.5),
      only screen and (min-device-pixel-ratio: 1.5){
   .galleryImage img{opacity: .5   
   }            
}

Change number to achieve desired opacity.
Steevb replied on at Permalink Reply
Steevb
Also forgot to mention you'll need to update the package first. Version 2.4 has a small code fix.
arlenesey replied on at Permalink Reply
arlenesey
Thanks Steve - I will let you know how this turns out....
arlenesey replied on at Permalink Reply 2 Attachments
arlenesey
Hi Steve
Your solution certainly works (i used an opacity of .75) However, the background colors are all going pastel. I couldn't set it any more transparent because the subjects are so varied.
How difficult would it be to do an image swap?
I have created a circle with the magnifying glass in it, and included a mock-up of how I think it would look. I tried changing the code to this:
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
      only screen and (min--moz-device-pixel-ratio: 1.5),
      only screen and (min-device-pixel-ratio: 1.5)
    {
    .galleryImage img{background:rgba(0,0,0,0) url('../../img/zoom_circle.png') no-repeat center center;padding: 0;margin: 0;display: block}


but then nothing shows up. I am probably going about it the wrong way!
Steevb replied on at Permalink Reply 1 Attachment
Steevb
Hi Arlene,
Try the attached 'ipad_thumbnail' template.

Sorry but I cannot give more help without payment. I've spent another 90mins producing and testing a custom template.

Steev
arlenesey replied on at Permalink Reply
arlenesey
Hi Steve .
I understand completely - could you please PM me your paypal coordinates and hourly rate?

thanks
Arlene
Steevb replied on at Permalink Reply
Steevb
Hi Arlene,
Can you confirm that the template is working for you, thanks.
arlenesey replied on at Permalink Reply
arlenesey
Yes Steve - it worked, and solved the problem on the iPad, but on the desktop the picture goes to semi-transparent on hover, without a magnifying glass.

In the end I decided to use a slider. If we can get this sorted I would gladly go back. Popup Lightbox is WAY more elegant, and the pictures are clearer at a larger size.

thanks
Arlene

concrete5 Environment Information

not applicable /no problems

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:45.0) Gecko/20100101 Firefox/45.0

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.