News:

Support for jDownloads 3 has been ended
Since 17 August 2023 Joomla.org has discontinued support for Joomla 3.x. Therefore, we will no longer offer official support for our Joomla 3 jDownloads version 3.9.x from January 2024.
Please update your website to the latest Joomla version (Joomla 4 or Joomla 5) as soon as possible. Afterwards, please update jDownloads to the latest published version. The longer you delay, the more difficult the upgrade process for your website is likely to be.

Main Menu
Support-Forum

Lightbox size [not a jD bug- depends on browser]

Started by pepponedra, 20.05.2016 10:12:42

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

pepponedra

Hi,
I have some problems with image preview, made by rel="lightbox". Is it possible to set the hight? In my case the image previw is bigger than the monitor size. Please view the screenshot.
THANKS!!



[gelöscht durch Administrator]
  •  

ColinM

Hi
The way that the image is shown depends on the browser you are using. Just for reference I have  listed the code generated by two particular browsers
Generally Firefox behaves well.  It also seems to have the  better CSS as well.  The key element is the <meta name where the viewport attributes are set. 

Basically the Lightbox display is is not controlled by jD.  It is not a jD bug so I will move this topic to General

Chrome
<html>
  <head><meta name="viewport" content="width=device-width, minimum-scale=0.1">
    <title>0156h0002.png (768×768)</title>
  </head>
  <body style="margin: 0px;text-align: center;">
    <img style="-webkit-user-select: none;" src="http://<mysite>/images/jdownloads/screenshots/0156h0002.png">
  </body>
</html>


Firefox
<html>
    <head><meta content="width=device-width; height=device-height;" name="viewport">
        <link href="resource://gre/res/ImageDocument.css" rel="stylesheet">
        <link href="resource://gre/res/TopLevelImageDocument.css" rel="stylesheet">
        <link href="chrome://global/skin/media/TopLevelImageDocument.css" rel="stylesheet">
        <title>0156h0002.png (PNG Image, 768&nbsp;×&nbsp;768 pixels)</title>
    </head>
    <body>
        <img class="" alt="http://<mysite>/images/jdownloads/screenshots/0156h0002.png" src="http://<mysite>/images/jdownloads/screenshots/0156h0002.png">
    </body>
</html>


Colin
Colin M
  •