Author Topic: New Images Vertically and with a scroll  (Read 4952 times)

0 Members and 1 Guest are viewing this topic.

Offline son_gokou

  • Full Member
  • ***
  • Posts: 199
    • View Profile
New Images Vertically and with a scroll
« on: January 18, 2009, 04:15:37 PM »
I'm developing a website http://www.stscanal.com/

Do you see new images?
How can I make them appear with a scroll? Instead of appearing 30 new images (or 10 or 40) vertically and all at once, make appear 6 and then a scroll to show the rest.

Thanks

Offline V@no

  • If you don't tell me what to do, I won't tell you where you should go :)
  • Global Moderator
  • 4images Guru
  • *****
  • Posts: 17.849
  • mmm PHP...
    • View Profile
    • 4images MODs Demo
Re: New Images Vertically and with a scroll
« Reply #1 on: January 18, 2009, 07:56:46 PM »
Place the part of the template where you want the scrolls to be showed into this DIV:

Code: [Select]
<div style="overflow:auto; max-height:300px; height:expression(this.scrollHeight>300?'300px':'auto');">
</div>
« Last Edit: January 21, 2009, 02:09:03 AM by V@no »
Your first three "must do" before you ask a question:
Please do not PM me asking for help unless you've been specifically asked to do so. Such PMs will be deleted without answer. (forum rule #6)
Extension for Firefox/Thunderbird: Master Password+    Back/Forward History Tweaks (restartless)    Cookies Manager+    Fit Images (restartless for Thunderbird)

Offline son_gokou

  • Full Member
  • ***
  • Posts: 199
    • View Profile
Re: New Images Vertically and with a scroll
« Reply #2 on: January 20, 2009, 07:48:55 PM »
Are you sure about the code?

I should put like this?

<div style="overflow:auto; max-height:300px; height:expression(this.scrollHeight>300?"300px":"auto");">
<td class="head1">{new_images}</td>
</div>

Offline V@nо

  • Addicted member
  • ******
  • Posts: 1.223
    • View Profile
Re: New Images Vertically and with a scroll
« Reply #3 on: January 20, 2009, 09:23:37 PM »
Yes, I'm sure. And no, not just the row,  put the whole table in.
Your first three "must do" before you ask a question:
If I asked you to PM me, I meant PM to my primary account, this account doesn't accept PMs.

Offline son_gokou

  • Full Member
  • ***
  • Posts: 199
    • View Profile
Re: New Images Vertically and with a scroll
« Reply #4 on: January 21, 2009, 01:59:00 AM »
Like this?

<div style="overflow:auto; max-height:300px; height:expression(this.scrollHeight>300?"300px":"auto");">
<table width="450" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td class="head1"><table width="100%" border="0" cellspacing="0" cellpadding="4">
              <tr>
                <td class="head1" valign="top">{lang_new_images}</td>
              </tr>
          </table></td>
        </tr>
        <tr>
          <td class="head1">{new_images}</td>
        </tr>
      </table>
</div>

Offline V@no

  • If you don't tell me what to do, I won't tell you where you should go :)
  • Global Moderator
  • 4images Guru
  • *****
  • Posts: 17.849
  • mmm PHP...
    • View Profile
    • 4images MODs Demo
Re: New Images Vertically and with a scroll
« Reply #5 on: January 21, 2009, 02:09:34 AM »
Yes, but It might not work in IE, I've update my original code, should work now.
Your first three "must do" before you ask a question:
Please do not PM me asking for help unless you've been specifically asked to do so. Such PMs will be deleted without answer. (forum rule #6)
Extension for Firefox/Thunderbird: Master Password+    Back/Forward History Tweaks (restartless)    Cookies Manager+    Fit Images (restartless for Thunderbird)