Quickest way to view a picture fullscreen?

DodgeV83

When I want to see a picture fullscreen, I try to find out what number (in the gallery) the picture is, start up a slideshow and skip directly to where I think the picture is gonna be in the slideshow...I'm usually wrong.

The other method is viewing the original then right clicking and going to View Image, but that can take a while too (and uses more bandwidth).

Is there a quicker way? How about a FULLSCREEN option in Lightbox guys? Make it the default!

Andy

DodgeV83 wrote:

When I want to see a picture fullscreen I try to find out what number picture it is, start up a slideshow and skip directly to where I think the picture is...I'm usually wrong.

The other method is viewing the original then right clicking and going to View Image, but that can take a while too (and uses more bandwidth).

Is there a quicker way? How about a FULLSCREEN option in Lightbox guys? Make it the default!

I'm sorry Dodge, I'm not following you. If your preferred viewing size is ORIGINAL, then when you click on a photo in SmugMug, SmugMug Small, Traditional, or All Thumbs, you'll get the orig in LB.

DodgeV83

Andy wrote:

I'm sorry Dodge, I'm not following you. If your preferred viewing size is ORIGINAL, then when you click on a photo in SmugMug, SmugMug Small, Traditional, or All Thumbs, you'll get the orig in LB.

The original picture in LightBox = multi-megabye download = 5x bigger than my screen = having to scroll to see the whole picture

I was saying that I could right click on the original after its up and do "View Image" and it'll be reduced to my screensize.

The slideshow button does it perfectly, scales the picture to my screen resolution, and the result is a slightly more than 100k file. Meaning better bandwidth use and WAY faster loading! Unfortunately, getting to the specific picture I want to see using slideshow takes a while...

bwg

DodgeV83 wrote:

The original picture in LightBox = multi-megabye download = 5x bigger than my screen = having to scroll to see the whole picture

I was saying that I could right click on the original after its up and do "View Image" and it'll be reduced to my screensize.

The slideshow button does it perfectly, scales the picture to my screen resolution, and the result is a slightly more than 100k file. Meaning better bandwidth use and WAY faster loading! Unfortunately, getting to the specific picture I want to see using slideshow takes a while...

DV....check this out: http://bigwebguy2.smugmug.com/gallery/862893

under the image info i've added a link for "view full screen". see if that's what you want.

code:

function ViewFull()
{
  if (!isClass("galleryPage"))
    return false;

  var imgInfo = document.getElementById("imageInfo");
  if (!imgInfo)
    return false;

  if (window.innerWidth)
    winWidth = window.innerWidth;
  else  if (document.documentElement.clientWidth)
    winWidth = document.documentElement.clientWidth;
  else
    winWidth = document.body.clientWidth;

  if (window.innerHeight)
    winHeight = window.innerHeight;
  else  if (document.documentElement.clientHeight)
    winHeight = document.documentElement.clientHeight;
  else
    winHeight = document.body.clientHeight;

  var url = "http://upload.smugmug.com/photos/toolthumbs.mg?ImageID=" + ImageID + "&tool=slideshowXL&winHeight=" + winHeight + "&winWidth=" + winWidth

  aLink = document.createElement("a");
  aLink.id = "viewFull";
  aLink.href = url;
  aLink.target = "_blank";
  aLink.innerHTML = "View full screen";
  imgInfo.appendChild(aLink);
}


function isClass(sClass) {

  sClassName = document.body.className;
  re = new RegExp(sClass + "( |$)") 

  if (!sClassName)
    return false;

  return re.test(sClassName);
}

you'll need to add a call to ViewFull(); to your body tag or in your footer as well.

edit: the way i have it set up only works if image info is turned on. you could edit and put it wherever you want.

Barb

bigwebguy wrote:

DV....check this out: http://bigwebguy2.smugmug.com/gallery/862893

under the image info i've added a link for "view full screen". see if that's what you want.

code:

function ViewFull()
{
  if (!isClass("galleryPage"))
    return false;

  var imgInfo = document.getElementById("imageInfo");
  if (!imgInfo)
    return false;

  if (window.innerWidth)
    winWidth = window.innerWidth;
  else  if (document.documentElement.clientWidth)
    winWidth = document.documentElement.clientWidth;
  else
    winWidth = document.body.clientWidth;

  if (window.innerHeight)
    winHeight = window.innerHeight;
  else  if (document.documentElement.clientHeight)
    winHeight = document.documentElement.clientHeight;
  else
    winHeight = document.body.clientHeight;

  var url = "http://upload.smugmug.com/photos/toolthumbs.mg?ImageID=" + ImageID + "&tool=slideshowXL&winHeight=" + winHeight + "&winWidth=" + winWidth

  aLink = document.createElement("a");
  aLink.id = "viewFull";
  aLink.href = url;
  aLink.target = "_blank";
  aLink.innerHTML = "View full screen";
  imgInfo.appendChild(aLink);
}


function isClass(sClass) {

  sClassName = document.body.className;
  re = new RegExp(sClass + "( |$)") 

  if (!sClassName)
    return false;

  return re.test(sClassName);
}

you'll need to add a call to ViewFull(); to your body tag or in your footer as well.

edit: the way i have it set up only works if image info is turned on. you could edit and put it wherever you want.

Lee, this is awesome and works great!

DodgeV83

Beautiful code! Thank you very much!

Smugmug should integrate that into lightbox and make it the default!

DodgeV83

Ah!

For some reason viewing pictures using this code is much lower quality than slideshow

http://upload.smugmug.com/photos/toolthumbs.mg?ImageID=54276389&tool=slideshowXL&winHeight=938&winWidth=1272

vs

http://upload.smugmug.com/photos/toolthumbs.mg?ImageID=54276389&tool=slideshowXL&winHeight=806&winWidth=1279

I changed the code to this

//View FullScreen
 function ViewFull()
 {
   if (!isClass("galleryPage"))
     return false;
 
   var imgInfo = document.getElementById("imageInfo");
   if (!imgInfo)
     return false;
 
   if (window.innerWidth)
     winWidth = window.innerWidth;
   else  if (document.documentElement.clientWidth)
     winWidth = document.documentElement.clientWidth;
   else
     winWidth = document.body.clientWidth;
 
   if (window.innerHeight)
     winHeight = window.innerHeight;
   else  if (document.documentElement.clientHeight)
     winHeight = document.documentElement.clientHeight;
   else
     winHeight = document.body.clientHeight;
 
 
 [B][COLOR=Red]winHeight = winHeight*1.17;[/COLOR][/B]
 
   var url = "http://upload.smugmug.com/photos/toolthumbs.mg?ImageID=" + ImageID + "&tool=slideshowXL&winHeight=" + winHeight + "&winWidth=" + winWidth
 
   aLink = document.createElement("a");
   aLink.id = "viewFull";
   aLink.href = url;
   aLink.target = "_blank";
   aLink.innerHTML = "View full screen";
   imgInfo.appendChild(aLink);
 }
 
 
 function isClass(sClass) {
 
   sClassName = document.body.className;
   re = new RegExp(sClass + "( |$)") 
 
   if (!sClassName)
     return false;
 
   return re.test(sClassName);
 }

This greatly increases the quality! Now indistinguishable from both slideshow and original. Try it!

KeithH

Place this where?
Looks interesting. I might want to ty it, but exactly where do I put this code and where/how do I put the ViewFull(); call in? Thanks.

DodgeV83

KeithH wrote:

Looks interesting. I might want to ty it, but exactly where do I put this code and where/how do I put the ViewFull(); call in? Thanks.

Put the code in the Javascript section of your customization screen, and you can put this in your footer

<script>

ViewFull():

</script>

DodgeV83

:dgrin...Just realized this code breaks my right click protection.

Took it out.