WebRotate 360 Full Screen Button in Pretty Photo Lightbox

ayrtonweiss

New member
Hi,

I am a developer working on this Magento store TNS Diamonds - http://www.tnsdiamonds.com/
(we have a Pro Version of WebRotator)

My problem is with the full screen button when I am using the Pretty Photo Lightbox, when I click in the full screen button, he tries to go on full screen but only the button goes to full screen, I am annexing some screen shoots, you can see the problem on the live site as well. (this product have a 360° image - http://www.tnsdiamonds.com/r13)

ss1 - before click on full screen button.
ss2 - after click on full screen button.

Can you guys help me with that?
 

Attachments

  • ss2.png
    ss2.png
    271.2 KB · Views: 1,461
  • ss1.png
    ss1.png
    268.4 KB · Views: 1,461

WebSupport

Active member
Hi and thanks for your message :)

Yes, there's a quick fix for it. Please find this file in your Magento install (in most cases this file comes with our module when it's present at this location):

\skin\frontend\base\default\prettyPhoto\js\jquery.prettyPhoto.js

And somewhere on line 87 there should be this statement:

Code:
iframe_markup: '<iframe id="wr360frame_id" src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>',

Please change it to this (i.e just add allowfullscreen to the iframe element):

Code:
iframe_markup: '<iframe id="wr360frame_id" src ="{path}" width="{width}" height="{height}" frameborder="no" allowfullscreen></iframe>',

PS: when we release new versions of our plugins that include prettyPhoto, this change will be included.
 
Top