Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum
https://www.tinywebgallery.com/forum/

HTML Side navigation problem
https://www.tinywebgallery.com/forum/viewtopic.php?f=1&t=2811
Page 1 of 2

Author:  sosh2005 [ 6. Dec 2010, 04:12 ]
Post subject:  HTML Side navigation problem

Hi everybody, im Carlos from argentina,
im traiying to set up a web gallery for my friend,
thing is that she want it a ''rare'' way displayed, im attaching you a design that she made for me.
Attachment:
sampling.jpg
sampling.jpg [ 109.45 KiB | Viewed 6252 times ]

as you can in the image, she want to have all the imagenes of one gallery in the left side, and have the posibility of scroll to see the rest if there a more pictures, i were looking in the forum and didnt find anything about this, i read the howto's and the configuration, also the examples that comes with the intallations package, but i cant figure out the right configuration for this.
I think im not too far, this is what i have so far:

(please erase the spces and ''(dot)'' text
www (dot) villao campo sf (dot) com (dot) ar/blanki/twg183/index.php?twg_album=blanki&twg_show=71509_10150099055389554_812274553_7365402_3435972_n.jpg

so promptly, i need to display pictures in the left side with an scrollbar and when you click an image that it doesnt disappear, i want it to still be there if you clik on ti :D :D

i hope you can give a hand,
thank you in adavance,
carlos

Author:  TinyWebGallery [ 7. Dec 2010, 08:18 ]
Post subject:  Re: HTML Side navigation problem

check the config_internal.php - there are additional options for the html_side mode.
$show_html_side_left_only=false;

About the scrollbar. You would have to add this by yourself with css.

- Michael

Author:  sosh2005 [ 12. Dec 2010, 03:30 ]
Post subject:  Re: HTML Side navigation problem

Hi Thanx for your reply,
its working the way you said,
but i cant figure out how to put the div in the code
im working over
image.inc.php in the like 93 to 105 (aournd)

this is the code

Code:
      if ($default_big_navigation == "HTML_SIDE" && !$top10) {
         echo"
          <div style='overflow: auto; width: 300px; height: 100px; background-color:#ededed; border: 1px solid #990000;'>
<table class='sidenavleft' cellspacing=0 cellpadding=0 summary=''><tr><td><table class='sidenavleft' cellspacing=0 cellpadding=0 summary=''><tr>";
         print_next_last_pics($twg_album, $image, $thumb_pic_size, "left");
         echo "</tr></table></td><td class='sidenavmiddle'>";
      } else if ($imagetext && $image_txt_position == "side") {
         echo "<table class='sidenavleft' cellspacing=0 cellpadding=0 summary=''>
            <tr><td><table class='sidenavleft' cellspacing=0 cellpadding=0 summary=''><tr><td id='image_left'>

                             ";includeImagepageDescription($basedir . "/" . $twg_album);   echo "
                                                       <
                                                        </td></tr></table></td><td class='sidenavmiddle'>
      }";
   }

where you see ''<div style='overflow: .....'' i does apear in the code, but at not point i can make the other part (in this case to make the div close) apear in the output html gallery,
do you have any clue how can i make this ''idea'' work?
im using the css code:

Code:
<div style='overflow: auto; width: 300px; height: 100px; background-color:#ededed; border: 1px solid #990000;'>
CONTENIDO....
</div>


i hopw you can hel me
regards
carlos!

Author:  TinyWebGallery [ 12. Dec 2010, 11:15 ]
Post subject:  Re: HTML Side navigation problem

get the latest version of TWG - there I have already included this.

look for div.sidenavleft in style.css.

- Michael

Author:  sosh2005 [ 12. Dec 2010, 21:37 ]
Post subject:  Re: HTML Side navigation problem

GENIIIUUUUS!! thank you!

Author:  sosh2005 [ 12. Jan 2011, 01:47 ]
Post subject:  Re: HTML Side navigation problem

Hi its me again :D :D :D
i would like to know how can i do to put the pagination on the html side configuration?
is it posible?
wait for your answer,
thanks!
carlos

Author:  TinyWebGallery [ 12. Jan 2011, 08:53 ]
Post subject:  Re: HTML Side navigation problem

no - it's not implemented there.

- Michael

Author:  sosh2005 [ 12. Jan 2011, 19:27 ]
Post subject:  Re: HTML Side navigation problem

hoo i see, thats sad :S
i asked for the pagination because when you reach the last photo in the left side navigation, it doesnt change, i mean, lets say i have 16 photos in the folder, and currently are displayed 13 pictures (that i dont know where to configure that, but it is like that) there is 3 pictures that are no displayd, so to the point, when you reah the 13 pictures i would like to know if its posible to make the first 13 pictures disapear and appear the other 3 pictures, or to make to make there always be 13 (for example) pictures but if you reach the last one 3 new ones apear,
i dont know if im clear abou what im saiying...

i hope you can help me...
thank you in advance
saludos
carlos! :)

Author:  TinyWebGallery [ 12. Jan 2011, 19:34 ]
Post subject:  Re: HTML Side navigation problem

I think you use the vertical scroller - simply define more images to be displayed...

Because in the normal html side mode the images on the left and right are always the neighbours...

- Michael

Author:  sosh2005 [ 12. Jan 2011, 20:43 ]
Post subject:  Re: HTML Side navigation problem

I understand what you mean, but there is 50-80 in really, theryr a lot to load all them together,
there is not another way to make ''something'' like a pagination, o a dynamic load, for example, load 3 first pics, and when you download the scrollbar loads more pictures... or something like that... please

wait for your answer,
thank you
carlos

Author:  TinyWebGallery [ 12. Jan 2011, 21:52 ]
Post subject:  Re: HTML Side navigation problem

You would have to implement this. The horizonal scrollers are all optimized...

- Michael

Author:  stuartevg [ 2. Feb 2011, 18:45 ]
Post subject:  Re: HTML Side navigation problem

A quick question - I'm trying to arrange an html side gallery, all thumbnails on the left, but need the main picture on the right to align at the top of the page. How is this implemented - I've included the following in my_style.css
Code:
table.twg img {
   text-align: center;
   border: none;
   padding: 0px;
   vertical-align: top;
}
td.sidenavmiddle {
padding:5px;
text-align:center;
vertical-align: top;
}
td.twg_imageview {
  border : 1px inset Gray;
  vertical-align: top;
  text-align: center;
   margin: 0px 0px 0px 0px;
}
twg_imageview {
  border : 1px inset Gray;
  vertical-align: top;
  text-align: center;
   margin: 0px 0px 0px 0px;
}
td.twg_imagetablediv {
vertical-align:top;
}


Which I thought should cover it.

Author:  TinyWebGallery [ 2. Feb 2011, 18:55 ]
Post subject:  Re: HTML Side navigation problem

Hello,

check with firebug. Maybe there is still a center somewhere for IE to work properly.

- Michael

Author:  stuartevg [ 2. Feb 2011, 19:29 ]
Post subject:  Re: HTML Side navigation problem

whoops - for some reason it was taking the styles from style.css and not my_style.css

But replaced the sidenavmiddle vertical align to top and problem solved.

Author:  georgelotus [ 26. Jan 2013, 06:27 ]
Post subject:  Re: HTML Side navigation problem

Hi

me too I'm looking for this solution, well similar.
Can something like the horizontal scrollers been put vertically?
This is in fact quite useful as screens tend to be wider than higher with all the 16/9 craze.

Each time I click on a thumbnail, the displayed list is updated. So I could display 5 thumbs on the left, and the displayed one is always the one in the middle of the column.

Or don't display the selected thumb but replace it by a horizontal divisor (the vertical one is not really intuitive in this situation)

I'm knowing a bit of programming, but not really in php. So if there's no plans to implement this, I could try my skills on that.

Page 1 of 2 All times are UTC + 1 hour [ DST ]
Powered by phpBB® Forum Software © phpBB Group
http://www.phpbb.com/