Indexhibit^TM
Index + Exhibit

Hi everyone :) been away for a while but did some stuff I want to share.
Maybe it´s what some of you need. A simple implementation of the great jquery supersized plugin. Supersized Source can be found here: buildinternet Supersized

The key features are:

• Resizes images to fill browser while maintaining image dimension ratio
• Cycles Images/backgrounds via slideshow with transitions and preloading
• Navigation controls with keyboard support

To customize the slideshow and design just open the plugin file and check the sourcecode from Line 57.

DEMO: raumzwei Indexhibit playground
DOWNLOAD: gatonet supersized for indexhibit

Hope you like it... :)

Digital High 5, this is awesome, thanks!

Hi G470,

I really like this but am happy with the way my site looks and just want to implement the keyboard navigation element and leave the rest untouched. Is that possible?

Thanks in advance and apologies if it's a stupid question!

Mark

http://markblower.com

G470,

Sorry, really novice at this. I love the auto resize... i'm wondering if I can apply that element to my site... I would like my design to stay the same. is that possible?

site: www.jessedittmar.com

thank you!

Jessedittmar: I was playing this days with this supersized tool and in your case is gonna be really easy to make it. Do it!!

This plugin works like a charm when running locally on my mac, but only shows the loading graphic when uploaded to my webserver - any suggestions what could be wrong??

Hi @ all, been away for a while :)

@ patpending: yes it´s possible to create a keyboard navigation for your gallery but it has nothing to do with the supersized script.
All you have to do is trigger click your next or prev button on keyboard input. Google for javascript keycodes ;)

@jessedittmar: ...what emaalaniz said.
@Jorgen: chould have multiple reasons. show your url otherwise we can´t help.

could somebody tell me, how i handle this hole structure of floders?

thanks
daniel

i mean folders ;)

Good morning danielzet,
just put exhibit.supersized.php in the plugin folder of your site,
the supersized script in the js folder of your site and so on... ;)

hello G470,

thanks for your quick response. i followed your instructions... i´m getting close, BUT it did not work. I put all the scripts in the folders where they should be, i think so.
today-sucess: I got a playbar on the bottom of my side - Yeah!

maybe you could take a look on my side, please?

http://www.danielzinner.de

thanks in advance
daniel

...hmmm, I think the problem is that you are loading two different jquery versions on your site. This can cause errors.

hy again,

my indexhibit side is just regular, no other themes no other jquery versions on my side. only the last indexhibit version is installed. right now, i work with the sample theme of indexhibit...shifting stuff from on folder to another via FTP could´nt be the problem! I have to fix this problem very quick, because this side is part of my work, clients will take a look in the next days.

What could i do, maybe i could hire you for this problem?!

thanks again
daniel

(du sprichst auch deutsch, oder?)

klar ;) ist aber besser auf englisch zu schreiben damit die anderen auch was davon haben.
Du hast eigentlich nur einen kleinen javascript Fehler auf der Seite, der das ganze bremst.
Wenn du möchtest schick mir einen ftp login, ich fix das schnell. info@gatonet.de

Hi G470,
I have uploaded all the files in the according folders, chose supersized plugin, switched off site processing, uploaded images, but it doesn't work, I get a spinning wheel: Webpage

I thought it's because I am using jpg and changed to gif, but apparently that wasn't the problem. Could it be a javascript mistake too and how to solve it?

sorry, I don't see a supersized exhibit there. Which one is it?

the main. so it should come on the landing page. i am using supersized plugin here...

I have supersized here: http://index.bagofcats.net/formats/supersized/ in working order

the only difference I can see (unless you have edited the plugin) is that I'm using a newer jquery.js (1.4.4) and you use a very old one. You could try to change your jquery.js to the same I'm using -- to to the latest one, as you may have problems with other plugins

changing to the newer jquery means i won't be able to use thickbox, right? that is why i didn't use the slideshow plugin, as all i wanted was a sort of splash page with full size images as slideshow...

sorry, not necessarily a splash page, but landing page...

Use Thickbox with JQuery 1.3 - 1.6.3:

Edit jquery.thickbox.js like this:

At line 76:
var imageGroup = $("a[@rel="+rel+"]").get();

Remove the "@", you should have :
var imageGroup = $("a[rel="+rel+"]").get();

it worked :)
i am not so sure, but it seemed to start working after the above mentioned changes AND after correcting an error in my favicon found with the W3C Validator.

wow. so some mistakes happen on completely different ends and one (I) would never guess. or maybe due to my bad internet connection the correction got delayed and it was only the above changes. anyways... validate your page!

Thank you Pernin!

love it! great work!

I'm getting the same issue christina had on her site on main

Amazing plugin! Was looking for a way to scale images and thought it was going to be a real undertaking, but almost all the work is done! Love indexhibit forum!

Want to make a few small mods, and I'm still new to CSS/PHP:

Is it possible to make a hybrid of Supersize and Horizontal? I want the regular horizontal scrolling gallery, but the height of the images to scale with the size of the browser window.

I'm at samevansbutler.com

check this thread for the horizontal_sized exhibition format plugin

hi again,

i have edited the plugin to remove the bar and navigation on the bottom as i simply want the images to show up. i also changed transition speed and chose the fading option. Everything is exactly how I wanted it, but in between i get weird disturbances like black blocks on the top or bottom of the page and the images move up and down, it is really disturbing. what could it be?

Here is the site Webpage

I would love to see the supersize functionality work using the slideshow plugin and without the sliding transitions or the navigation bar at the bottom. i tried looking at the code and thought i might be able to give it a hack but unfortunately i don't know where to start.

I would love to see the supersize functionality work using the slideshow plugin and without the sliding transitions or the navigation bar at the bottom. i tried looking at the code and thought i might be able to give it a hack but unfortunately i don't know where to start.

actually i spoke too soon... i can see now how it is easily customisable through the superslides.plugin file. doooh

can anyone tell me how i can make the images link through to the next in the gallery instead of the forward buttons.

im using the plugin on my home page but all it shows is a small grey box. any idea why ?
thanks
my webpage

Fullsized plugin seems difficult to run as a newbie. By the way, Dadoosh, did you choose sample option to run expanding menu? can i do the expanding menu on Eatock?

Fullsized plugin seems difficult to run as a newbie. By the way, Dadoosh, did you choose sample option to run expanding menu? can i do the expanding menu on Eatock?

you can't use eatock for expanding menus, use sample. If you've already styled with eatock, just copy eatock/style.css and replace sample/style.css

@ dadoosh Update your jquery file to a new version. you are still running on jQuery 1.1.2. This will fix your problem.
@ raki have a look at the supersized development site. It´s possible to link images

thanks g470 ! it's working now:)

im already happy with my home page (homepage) but there's just one tiny thing that seems to be annoying.
when im on the homepage and move around my mouse a little bit to left and right/up and down, the background image(which is supersized) keeps moving slightly too. any hint how i can solve this issue?
thanks:)

Hi dadosh, that´s easy to solve ;) it´s all in your css...

The images get wrapped in a a href link so they are affected by this style rule:

a:hover { padding: 4px;
    text-decoration: none;
    background-color: #FFFF33;
    color: black; }

...remove padding: 4px; and you are fine.

thanks, it's solved :)
but then is there any way to have that 4px padding back somehow ?

use

#menu a:hover{padding: 4px; }

to style only the menu links ;)

thanks heaps g470 ! im really excited that the website is actually getting there !

Awesome awesome plugin and easy to alter for coding newbies like me. But my website im working on bjornstensson.se (see Collections) I can't get the thing to work properly. The images that shows are not always full screen, they tend to change after a couple of images. How can I fix that?

@ audience looks like it´s working, can´t see the problem...

Hi folks,

I wonder if its possible to have the Supersized background for all the pages with out adding them for each page? Because then they have to be uploaded for every page and then the visitors have to upload and see the loading icon every time to click on a different link, which looks really bad.

My page

I hope its understandable what I mean.

Thank you all!

Hi folks,

I wonder if its possible to have the Supersized background for all the pages with out adding them for each page? Because then they have to be uploaded for every page and then the visitors have to upload and see the loading icon every time to click on a different link, which looks really bad.

My page

I hope its understandable what I mean.

Thank you all!