horizontal with inner navigation

rickykappa / 2010-03-17 23:49:35   

Hi all,
if somebody else is interested, I've managed to customize the Horizontal plugin adding a scrolling function, prev / next navigation and clickable index list.
So far I've validated it and checked with a few screensizes, ff, ie7, Safari and it seems ok.

Edited by Vaska: old code is too old...

richardn / 2010-03-18 02:07:02   

Hi Ricky... Thanks for experimenting and posting your discoveries.

I'm wondering whether any of this might be useful on my site (I'm using horizontal galleries). I'm on a mac, and navigating horizontal galleries is a breeze using the scrollball on the mighty mouse (except the ****ing thing is always gummed up).

Are horizontal galleries a real bind for people using a regular mouse with a scroll-wheel?

rickykappa / 2010-03-18 10:06:48   

Hi Richard - thanks again for your time ;-)
Besides being scrollable with mouse scroll-wheel (which btw is an option I'm not using myself!), that example page can be browsed both logically and naturally through clicks and mouse over - also if the user is on a mac...
I assume there are countless combinations of browsers/os/screens/users out there, so as a general rule I try to make my pages useful for most of them.
I see many "beautiful" websites that are so if you watch in a huge screen, if you have the last plugin/flash/whatever, if ... - otherwise they don't show or they look weird.
Personally I don't see a website as something to "enjoy" exclusively for the webdesigner and/or owner/client, but rather as a tool to use: the widest the better...
I wonder: am I lonely to think like that?

puppiepoppy / 2010-03-18 10:14:13   

My personal favourite of scroll function would be this! I think, right now most of the horizontal scroll is only half way achieving the ideal function. I wonder if this function achievable with some more tweaking; or if it's a totally different animal all together?!

On a lesser scale, this is equally awesome as well. Could some tweak on the horizontal scroll achieve that?

I loved the horizontal scroll but yet to find a practical reason for my site.

rickykappa / 2010-03-18 10:29:37   

Hi Mike - they are both heavily jquery dependant, while the first doesn't work well with small screens, the second one in the other hand is using the same thw system I'm using.
I find both sites too much fancy, for my taste of course, after the first "surprise" is there an advantage for the user?
imho the "look" should be at the content service...

puppiepoppy / 2010-03-18 11:48:56   

True, that's the reason why I'm still sticking to the KISS philosophy for my website. The content matters, not the garnishing.

rickykappa / 2010-03-20 11:13:10   

Don't know yet if it's ok with safari, if anyone there can check it out or have any comment I'd appreciate it.
thanx! ;-)

arsondpi / 2010-03-20 11:51:51   

works fine with safari 4.0.5 on a mac...

rickykappa / 2010-03-20 23:29:57   

oh, wow! thanks!
btw, I was wondering why I didn't get any comment from A people... ;-)

ericamattos / 2010-08-30 05:19:40   

hi! this is a great plugin, thanks!
just one thing... the scroll button is not working for me in chrome... any ideas how to solve this?

lemathieu A / 2010-08-30 08:53:59   

That's great. Reminds me the galleria plugin…
Thank you Ricky !

rickykappa / 2010-08-30 09:50:10   

@ericamattos - oh, well... I'd also like to know if it scrolls with chrome! I didn't test it... is there somebody who can tell?
however, the scrolling function is controlled by the thw.js which - as far as I know - was tested also with chrome... do you have an url to see what's going on?

lemathieu A / 2010-08-30 10:07:46   

It doesn't… the "next" function works, not the scroll on hover.
Chrome on Mac.

rickykappa / 2010-08-30 10:13:24   

ah, thanks mathieu, good to know :-/
I'll try to check and/or contact the thw author, there might be some new version...

ericamattos / 2010-08-30 13:21:27   

In your site and in a test that I made is not working just the scroll (Chrome on Windows). But I look for the site from the original script here, dowloaded the zip, and in the example on the zip the scroll worked in Chrome... So I guess is a minor thing in the plugin itself...

Thomas_Reedijk / 2011-03-17 15:57:53   

Thanks for this plug-in. I've used it on my website (portraits) link. Somehow the last picture ends up under the first instead of last in row. Any help/tips/suggestions?

dena / 2011-03-17 16:15:22   

Ciao RikyK, posso chiederti come si fa il menu a scomparsa come quello del tuo sito?
ti ringrazio!!!

rickykappa / 2011-03-21 03:57:51   

@ thomas - looks like it's ok now. but no link back to indexibit?

@dena - forum search > "expanding menu ross cairns" ;-)

dena / 2011-03-21 09:49:04   

grazie ricky ho trovato il js da sostituire, ma non capisco com é il corretto procedimento.. quale devo sostituire?
ti ringrazio per l attenzione :)

dena / 2011-03-21 10:33:12   

ho seguito paro paro tutto quanto ma non funziona.. -____-?

rickykappa / 2011-03-21 10:44:27   

Read Forum Rules & Useful Threads...
c'è un thread generico "italiano", questo è "horizontal with inner navigation" ed è in inglese...

ntkufreak / 2011-03-21 15:26:40   

Hello Ricky,

Thank you so much for this. :)

I'm having trouble getting the menu to show up. Additionally, on the website, I can't get the thw.js download to work - is this related?

Here is where I am trying it -

Character Page


ntkufreak / 2011-03-21 18:34:35   

Nevermind - I didn't have the right exhibition format set, haha. Except now it doesn't seem like my site is wide enough to compensate all of my images... hopefully there's a way to fix that, will keep trying. Thanks so much. :)

jamesmillsphoto / 2011-03-22 09:48:46   

Any way to make the clickable list turn into thumbnails instead?

rickykappa / 2011-03-22 17:58:46   

@ntkufreak - I'm not sure at which stage you're now in your editing, so far I'd say you're having trouble with the plugin, you should compare the code resulting form your page and the original.
if you're not using the scroll nav you should erase
<div class='nav_scroll'>
(or close it! </div>)
also check that http://samgauss.com/ndxz-studio/site/js/thw.js is not there...

rickykappa / 2011-03-22 18:02:38   

@james - yes, surely, and I was thinking to try doing it, shouldn't be that difficult.
but I'm too busy lately...

rickykappa / 2011-05-17 09:45:39   

someone pointed out (thanx ebru ;-) that the link to thw.js was broken. sorry, now it's restored

hoz7 / 2011-07-26 22:58:39   

I'm having problems with the left margin. Is there a way to get rid of the large left margin without screwing up the scrolling? I've tried changing the 250px in the CSS to 0 px, but every time it messes with the location of the images whenever you click the nav buttons.

Website: http://christiansteadman.com/projects/anselm-kiefer-museum/

hoz7 / 2011-07-26 23:09:12   

Oh, and also I was wondering: is it possible to have captions span the entire width of the image instead of just part of the way?

As you can see on my site, the captions only go about half way across the image.

rickykappa / 2011-07-27 06:26:17   

hi, both questions have to do with css and how you want your page to behave. you must edit the plugin, towards the bottom you'll find the dynamic css.
easier to answer q#2:
#img-container .captioning .caption { margin: .3em 0 0 50px; width: 100%;}
q#1: the short answer is: change every 250px value to whatever you want, i.e. 50px and you're done.
the long answer: if you do that when you scroll with < | > you'll see that the next/prev image will fall behind the menu (which is normally 215px wide). so the fine tuning is up to you

dadoosh / 2012-03-07 01:38:12   

Edited by Vaska - question is not pertinent to this thread and was posted to multiple threads.

dadoosh / 2012-03-07 01:39:17   

Edited by Vaska - question is not pertinent to this thread.

Jay_Flynn / 2013-06-12 21:21:15   

Love the look of this plugin have there been any thoughts about updating it for indexhibit 2.0. Or any pointers on how that might be accomplished.


Vaska A / 2013-06-12 23:31:09   

Look around the forum for the Columner beta - it's a better place to start.

I'm closing this thread because it's really old and pertains to v1. ;)

This thread has been closed, thank you.