Horizontal scrolling w scrollwheel?

mksh / 2011-02-09 08:01:34   

I'm experimenting with lemathieu's wonderful Columner Theme (http://www.indexhibit.org/forum/thread/7084/)

Best looking is - and partly also with the websites I made with the 'classical' IndexHibit - the Horizontal Exhibit Format.

However, the disadvantage - and I'm sure everybody using the horizontal format feels this - is the fact that we don't really use the scrollbars for scrolling these days, but the mouse wheel. And it annoys me not to be able to use the mousewheel to scroll trough this format.

The sollution is - of course - to try and configure the scrollwheel to scroll horizontally

I'm searching the net a bit if this is possible. No luck, yet. If anybody knows how to do it, please help. If I find it myself, I'll post the sollution here.

Good day, and thanks to Vaska and Lemathieu's good work!

mksh / 2011-02-09 08:08:26   

I've found a source. I will keep you informed whether and how I get it working

http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

mksh / 2011-02-09 08:39:41   

The easiest way I found out is simply using this little piece of javascript:

What it does is: it captures the mouse-wheel activity and translates it into horizontal movement.

I doubt it's the most subtle way to do it, but it works like a charm (both Chrome and IE)

http://paulicio.us/wp-content/uploads/2008/10/hscroll.js

Implement by:

- Download the js and safe in sitejs folder
- Insert

  1. < script type='text/javascript' src='http://paulicio.us/wp-content/uploads/2008/10/hscroll.js'></script> [without the space between < and script]

in the head of

columner_themeindex.php
or with other themes
sampleindex.php
eatockindex.php

mksh / 2011-02-09 08:41:51   

ehh

sitejs folder = site/js folder

columner_themeindex.php = columner_theme/index.php
sampleindex.php = sample/index.php
eatockindex.php = eatock/index.php

mksh / 2011-02-09 08:44:16   

... and of course, I'd advice to link to the local .js
so

  1. src='<%baseurl%><%basename%>/site/js/hscroll.js'

instead of

  1. src='<%baseurl%><%basename%>/site/js/hscroll.js'
Vaska A / 2011-02-09 09:11:45   

Can you show us this on your site? What happens if the people are on a laptop and get both horizontal and vertical scrollbars?

rickykappa / 2011-02-09 09:14:16   

I'm using this, but @mksh your info is interesting... thanks for sharing :-)

mksh / 2011-02-09 10:23:42   

website: http://www.marco-lammers.nl/graduation/street-profile/

mksh / 2011-02-09 10:29:00   

Vertical scrolling is simply disabled in this configuration. Which means I'll have to be careful with image size etc (in the present layout parts will still disappear with small resolutions

mksh / 2011-02-09 19:06:39   

Preview:

http://www.marco-lammers.nl/graduation/streetscapes/

Structure is done. It's blend of horizontal slide & thickbox (exhibit.horizontal.thickbox.php) with the thumnails working as exhibits (maximum thumbnail size set from 200 to 600 in the defaults.php file) and full size images working as thickbox pop-ups. And used the hscroll.js script of the previous post to make the horizontal scrollwheel.

marioguerson / 2011-02-10 11:42:19   

Hi. I can{t download your script...

gx1982 / 2011-02-10 12:21:46   

Great solution, it's surely not web standard compliant but you can also call the script in the exhibit text field.

Thanks.

Vaska A / 2011-02-10 12:35:41   

The best way to call it would be to have it load with the exhibit format itself - if it's not already working that.

thelevdisaster / 2011-03-09 17:08:25   

I've implemented this script and it works great, but it seems to change the position of my first photo (pushes it about 100px to the right). I can't find where to change the position. Can someone help please?

tnx.

christophercain / 2011-03-13 03:56:45   

Works fine for me? Many thanks mksh

Bectus / 2011-03-18 12:35:15   

I am building my first indexhibit website and I use your scrollwheel tip, it works perfect. Thanks!
The horizontal.thickbox plugin is really cool but I can't manage to download it from your link it says :No direct script access allowed.

Is there somewhere else I can find it?

y / 2011-05-18 06:28:22   

Hi, thanks for sharing this great plugin.
I tried to make it work but seems I'm missing something essential. The format appears on my exhibition formats list on the site but does not work. It says "No direct script access allowed" when I choose it.
Do I have to put a line of script somewhere in index.php or defaults.php or somewhere else? (Such as for the hscroll.js, which I managed to get work, many thanks for it mksh)
I'm quite a newbie and couldn't find anything explanatory on the forum.

Thanks a lot.

Vaska A / 2011-05-18 06:29:50   

How are you trying to access it - directly? That's now how it works (for security purposes)...

y / 2011-05-18 06:53:16   

Okaay. Well what I did was just putting the file (exhibit.horizontal.thickbox.php) into the plugin folder and hoping it would work. Guess this was fairly naive.
Well now I'm lost and even don't know which question to ask.
So just for my understanding:
By just putting it into the plugins folder and choosing it under exhibition formats does not work because its simply wrong?
What do I have to do then?
Umggh

Vaska A / 2011-05-18 06:59:46   

Show us?

I also don't know much about that edited version of the horizontal format.

y / 2011-05-18 07:11:39   

this is the site and exhibit where I tried to implement it

http://www.tomanholt.com/index.php?/archive/2009/

also when I try to open the exhibit.horizontal.thickbox.php in Textwrangler it says "No direct script access allowed".

How do I access it indirectly?
Thanks a lot.

Vaska A / 2011-05-18 07:52:13   

I think something is wrong with the file itself because that should not be appearing. I've never seen that happen before...hmmm...

y / 2011-05-18 08:22:37   

OK Thanks for your help. I'll try and find something else if mksh is not getting back at it.

I've seen some similar stuff while browsing through the forum..

Thanks.

mksh / 2011-06-19 16:49:25   

@y

It really should be as simple as adding one following line to to ndxz-studio/site/columner_theme/index.php or ndxz-studio/site/sample/index.php or ndxz-studio/site/eatock/index.php (depending on which them you choose at exhibit: settings --> theme)

1.
Download the .js from one of these locations
http://paulicio.us/wp-content/uploads/2008/10/hscroll.js
http://www.marco-lammers.nl/ndxz-studio/site/js/hscroll.js

And place it in your /ndxz-studio/site/js folder

2.
Add the following line to your theme's index.php (anywhere you want between < head > and < /head >:

  1. <script type='text/javascript' src='<%baseurl%><%basename%>/site/js/hscroll.js'></script>
hoz7 / 2011-07-28 23:00:48   

mksh,

Not sure if I missed this, but could you re-upload the "exhibit.horizontal.thickbox.php" file, so we can access it?

Every time that I click it, I get this error message from your website: "No direct script access allowed." From the comments, it seems like I'm not the only one (I could be missing an easy solution).

Would be greatly appreciated. I would like to deconstruct it and put it into my plugin (a slight variation of rickykappa's horizontal with nav).

pernin / 2011-07-29 02:27:54   

right click on the link and save as (clicking on the link will try to execute the php, which is why you get that answer)

hoz7 / 2011-07-29 12:45:16   

Thanks. For some odd reason, it wasn't working on my Mac side to do that. At work (on a PC) I was able to get it first time.

dlim / 2012-01-24 13:21:18   

Is there anyway to make it scroll normally for the menu while keeping the horizontal scroll for the body?

This thread has been closed, thank you.