Topic: Text jumps when going fullscreen

Hello everyone,

I've got a small question. On the page below, second picture (so not the first one, lol) I formatted the layout of the text using a lot of spaces, to place it right... But when you enter the gallery in fullscreen, the text jumps with way too much space between the words. wink

http://urbansofa.nl/collectie/merlin/merlin.html

Is there a way to not make this happen, lol?

I'm thinking of two possibilities:

- Some sort of code that resets the formatting when entering fullscreen.
- Some other way of formatting the text, so I don't have to use a lot of spaces.

Here's a copy of my code:

<caption><![CDATA[<font size="16">Alle banken zijn leverbaar in <u><a href="../../stoffencollectie.html"
    
    target="_self">35 kleuren en stoffen</a></u>.
Ook leverbaar in 3 zits. Normaal € 1295,- <b><i>nu: € 695,-</i></b>                                                                      2 zits: Normaal € 895,- <b><i>Nu € 495,-</i></b>        Loveseat: Normaal € 749,- <b><i>Nu: € 395,-</i></b>                                                               Fauteuil: Normaal € 659,- <b><i>Nu: € 349,-</i></b>
</font>]]></caption>

As you can see there's a lot of room in between some words... but I did that to make it look nice when not viewing fullscreen. If I remove the blank space, it doesn't look as good as I'd like.

Any ideas? Or a I just 'doomed' to remove the spaces and live with the not so nice look?

Re: Text jumps when going fullscreen

I'm not seeing much of a change in the word or letter spacing between the normal and fullscreen change. What browser/OS are you seeing this in?

Mike Richards
SimpleViewer Support Team.

Re: Text jumps when going fullscreen

I'm using windows 7 with firefox 3.6.8
But I'm also seeing it on a windows vista PC with Internet Explorer 8.

Here's a picture of what I'm seeing:
[img]http://img.photobucket.com/albums/v454/Jasper_Mous/th_gaps.jpg[/img]

Last edited by PrX (2010-08-13 15:13:25)

Re: Text jumps when going fullscreen

Huh, I'm not seeing that in XP or Win7 using Chrome, Firefox or IE. What is your screen resolution?

Mike Richards
SimpleViewer Support Team.

Re: Text jumps when going fullscreen

I'm using 1920x1200, but a friend uses 1600x1200 and has the same problem.  big_smile

Re: Text jumps when going fullscreen

so you want the text centered? Did you try setting the 'captionTextAlignment' option to 'CENTER': http://www.simpleviewer.net/simpleviewe … ml#caption

Felix Turner
SimpleViewer Support Team.

Re: Text jumps when going fullscreen

Thanks for the tip, but it's already set at center. sad

<?xml version="1.0" encoding="UTF-8"?>

<simpleviewergallery 

    title="Bankstel Merlin"
    useFlickr="false"
    flickrUserName=""
    flickrTags=""
    imagePath="images/"
    thumbPath="thumbs/"
    captionPosition="BOTTOM"
    lockBottomStack="true"
    floatCaption="false"
    captionFontName="Arial"
    captionFontSize="23"
    captionTextAlignment="CENTER"
    showImageNumber="true"
    imageNavStyle="TRIANGLE"
    thumbColumns="1"
    thumbRows="6"
    thumbWidth="75"
    thumbHeight="75"
    embedColor="000000"
    thumbDropShadow="false"
    thumbNavStyle="NONE"
    thumbNavPosition="BOTTOM"
    thumbFrameWidth="1"
    thumbHoverFrameWidth="4"
    imageTransitionType="FADE"
    imageTransitionTime=".3"
    showDownloadButton="false"
    showNavButtons="false"
    showAudioButton="false"
    showAutoPlayButton="false"
    titleFontName="Verdana"
    titleFontSize="26"
    titleDropShadow="true"
    changeCaptionOnHover="false"
    embedWidth="800"
    embedHeight="600"
    frameWidth="10"
    titlePosition="TOP"
    titleTextAlignment="LEFT"
    titleHeight="22"
    stageHPadding="30"
    stageVPadding="15"
    stageVAlign="CENTER"
    stageHAlign="CENTER"
    lockTopStack="false"
    enableAPI="false"
    maxImageWidth="1200"
    maxImageHeight="1200"
    imageHAlign="CENTER"
    thumbHAlign="CENTER"
    thumbVAlign="TOP"
    thumbPadding="8"
    thumbLoadBarHeight="10"
    changeImageOnHover="false"
    showOpenButton="false"
    captionDropShadow="true"
    captionPadding="0"
    captionHeight="120"
    captionWidth="200"
    showBackButton="true"
    backButtonY="397"
    backButtonBackColor="FFFFFF"
    backButtonFontColor="000000"
    backButtonText="Terug"
    backButtonX="20"

>
  <image imageURL="images/1.jpg"
    thumbURL="thumbs/1.jpg"
    linkURL=""
    linkTarget="">
    <caption><![CDATA[<font size="16">Alle banken zijn leverbaar in <u><a href="../../stoffencollectie.html"
    
    target="_self">35 kleuren en stoffen</a></u>.
Loungbank Merlin. Normaal € 1595,- <b><i>Nu: € 895,-</i></b> Romantische leefhoek uit de country & lifestyle collectie. Zonder meerprijs standaard bekleed met echte Riviera stof. Zowel rechts als links leverbaar. Inclusief sierkussens.
</font>]]></caption>
  </image>
  <image imageURL="images/2.jpg"
    thumbURL="thumbs/2.jpg"
    linkURL=""
    linkTarget="">
    <caption><![CDATA[<font size="16">Alle banken zijn leverbaar in <u><a href="../../stoffencollectie.html"
    
    target="_self">35 kleuren en stoffen</a></u>.
Ook leverbaar in 3 zits. Normaal € 1295,- <b><i>nu: € 695,-</i></b>                                                                      2 zits: Normaal € 895,- <b><i>Nu € 495,-</i></b>        Loveseat: Normaal € 749,- <b><i>Nu: € 395,-</i></b>                                                               Fauteuil: Normaal € 659,- <b><i>Nu: € 349,-</i></b>
</font>]]></caption>
  </image>
  <image imageURL="images/3.jpg"
    thumbURL="thumbs/3.jpg"
    linkURL=""
    linkTarget="">
    <caption><![CDATA[<font size="16">Alle banken zijn leverbaar in <u><a href="../../stoffencollectie.html"
    
    target="_self">35 kleuren en stoffen</a></u>.</font>]]></caption>
  </image>
</simpleviewergallery>

Last edited by PrX (2010-08-16 10:06:08)

Re: Text jumps when going fullscreen

Your caption:

<caption><![CDATA[<font size="16">Alle banken zijn leverbaar in <u><a href="../../stoffencollectie.html"
    
    target="_self">35 kleuren en stoffen</a></u>.
Ook leverbaar in 3 zits. Normaal € 1295,- <b><i>nu: € 695,-</i></b>                                                                      2 zits: Normaal € 895,- <b><i>Nu € 495,-</i></b>        Loveseat: Normaal € 749,- <b><i>Nu: € 395,-</i></b>                                                               Fauteuil: Normaal € 659,- <b><i>Nu: € 349,-</i></b>
</font>]]></caption>

When you go from the standard view to full screen the size of the caption box changes. I think the issues is that all the extra white space you are using in your caption suddenly has room to stretch out with the change of the size of the caption box. Try removing the "extra" white space.

Mike Richards
SimpleViewer Support Team.

Re: Text jumps when going fullscreen

Hi Mike, that does work indeed, but when I remove the white space, the layout changes quite a bit. (That's why I ended up with using the extra white space)

http://img.photobucket.com/albums/v454/ … space2.jpg

I ended up with using the <br> thing to make it work...
The disadvantage is that the sentence above this (Alle banken zijn...stoffen) is now right on top. When I insert a blank line between those pieces, it doesn't fit on screen anymore and the user needs to scroll vertically.

Well, don't want to change the whole layout stuff so this has to do.  big_smile

Last edited by PrX (2010-08-16 16:41:23)