Sidewinder theme - new sideways scroll theme from graphpaper press

new theme form graphpaper press

good for artist portfolio on the cheap.

also good because it incorportaes a blog template, apart from the gallery pages

and custom shortcodes, to make columns of text on content pages, so its really flexible...

i dont really like the thumbnails nav, id just make the scroll buttons bigger so people use them instead

new jquery stuff, easyslider

easyslider - for a sliding across gallery, has buttons, auto, lost of features, easing etc

http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding

http://cssglobe.com/lab/easyslider1.5/05.html

motionpack.js

http://www.harrymaugans.com/2007/03/06/how-to-create-an-animated-sliding-collapsible-div-with-javascript-and-css/#slideexample

JQuery Slideviewer and Supersized (lg bkrnd img) and fancy thumbnail

http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/
fancy thumbnail hover effect with JQuery - great for a little portfolio - would work cool as a massive grid....

JQuery Supersized

http://www.buildinternet.com/project/supersized/

-for large background image slideshows. adjusts the size of the image proportionally. )

-i might just use for that function, not for slideshow.

JQuery Slideviewer

This is worth a second look.

-from unordered list

-Has slide across transition, including customisable easing if desired.

-dont need to set width and height.

-Click image for next or use pagination (no thumbnails)

-preloading

-recently updated

-tooltips on pagination if required

http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html

wordpress gallery plugins that use the gallery shortcode

1/http://wordpress.org/extend/plugins/image-gallery-reloaded/

ok i have tried this out, and it is great but has a weird bug in IE6,7,8 where the large image dosn't always autoload when you visit the page for the second time, a release of next version is in the works, so check back when thats ready, but for now I cant use it.

2/ http://graphpaperpress.com/2008/05/31/photo-galleria-plugin-for-wordpress/

its like devkick galleria, but for wordpress.

ok ive just tried this out, is promising, but ironically it has the same problem in IE browsers as above! no first large image loading. (MAY have to do with the fact I am testing the gallery on single post, or single page.)

a guy called ALEXANDER posted on the comments of the plugin a version he made, which you can download, where he adds some if is_single statements, and it then works, on single Posts, since i actually am planning to use on a single Page, is change the 3 ocurances of is_single to is_page, and now it works on pages, but broken on single posts of course, which dosn't bother me.

Trialing NextGen gallery 1.3.6 for a photographers website

Options > Gallery

the Deactivate gallery page link

options dosn't seem to work switched off... the page just reloads\.

actually correction it does work if you make a page for it, see this link for explaination

http://dpotter.net/Technical/2008/05/nextgen-gallery-review-displaying-images-album/

and when switched on, it shows the gallerys thumnails, but turns off the images of the other gallery thumbnails, weird... i only know this becaise i ave text on the page, which wont be there.

it loads the galleries/albums IN the page, which means i dont think you can have a different page template for the album and gallery pages...

"breadcrumbs..." i am panicking a bit about how to navigate back from the galleries etc.

Options > Effects set to none turn off the lightbox... i wonder how hard to turn it on only for certain galleries...

Thumbnails...

the only problem, i need 2 different sizes for thumbnails?? one for the album, one for the gallery, which i don't want to be previews but the actual final images, full size.

i think before i go to far i want to try the default wp gallery it might be simpler.. then decided not to... cant remember why... dont think it has albums... ??

"How to properly template Nextgen gallery?" Or

"How to modify Nextgen gallery and not loose your modifications when you update?"

OK i have been looking for 4 hours, madness, and finally i find it on the developers blog. I was really looking generally, for

what is best practice in wordpress world for modifying a wordpress plugin?

I assume it is NOT open the plugins folder, find its css files, edit, be happy for 3 months, then update and spend 2 days re-adding your edits back in... but nowhere on wp forums could i find any info on what is best practice... its so important.

anyway maybe it is down to the individual plugin authors files, and if they provide a way to externally override its settings (child plugin..)

anyway look here

http://alexrabe.boelinger.com/2008/11/25/new-in-version-100-templates/

and here is how to remove the gallery linking to a large image, and use the large image instead, you take away the link text and you take away the sizing, i think is what it is saying.

http://wordpress.org/support/topic/256750

i have it working, but i cant post code it dosnt come out right. anyway, key was to do what that forum mentions, but also change the thumbnailURL to imageURL, obviously, so it displays the image, not the thumbnail... (as the thumbnail is permanently resized, you cant unresize it.)

Nextgen gallery templating and Child Themes

AHA!! the templating works in DEFAULT theme, but not my Thematic child theme... because it cant find the path, you need to put the nggallery folder with your customised gallery.php template in your THEMATIC folder, not your THEMATIC CHILD THEME FOLDER. ill write a separate post about this...

Usability issue of Nextgen gallery templating system for average CMS user

OK so another thing I realised, even if I did manage to get a nextgen gallery to use my custom template for both albums and galleries (no idea how to get INTO the galleries when its posted as an album), the user of the cms needs to every time they add a album to the page, add my custom template shortcode. This I think, to get the user to alter shortcodes, is too much to ask. I want to SET the nextgen gallery to use THIS custom template, always. Im sure thats possible but again i dont want to modify nextgen core files, but keep everything modular. I want the best possible backend experience, otherwise whats the point of having a backend if the user has to custom code things...

Looking for alternative to Nextgen - basically anything with simple Album bulk upload and sorting functions...

OK today is started to test a different approach. NOT using a gallery plugin, which seem unsuited generally, but rather using a post, which has the images posted one at a time, in the post, down the page. These posts are assigned a category, and when you click that category, it lists the excerpts (sort of) of all posts in that category.

ie main menu > fashion > (lists excerpts of fashion posts) > click one to get that post, which is a list of images.

The excerpt, or rather the thing that i have replacing the excerpt, is a thumbnail image manually added via a custom field, which links to its post.

This is actually an almost acceptable result, except for:

1/ Uploading of images for the user, is one at a time for adding to the post, and there is not organisation in WP media library, so its all a bit messy... but, its easy, and so shortcodes need to be used

2/ Thumbnail adding to the post is manual, via a custom field, resizing it yourself, and getting the URL path right. This is OK, but for end client usability I' rather use something like:

Simple Post Thumbnails

http://www.press75.com/documentation-support/simple-post-thumbnails-setup-usage/

which has a lovely little panel at the bottom of your post for wsiwug thumbnails adding.

Tossing up whether to try and figure out how to implement it in the child theme (not as easy as 'find the loop, stick it in') since the loop is buried it needs a function... and to output a link aswell... problem is other plugins also mention stick it in the loop...

Or maybe WP built in gallery has some plugins that modify it to be like I want, basically i want the organisation of using a gallery/album structure, but not use the default gallery display which is columns of thumbnails, which link to their larger sizes, i want NO columns, and those thumbs to be The final size, and linked to from an album thumbnail.

looking for a lightbox style gallery IN THE PAGE

for a good list of them all:

http://javabyexample.wisdomplug.com/web-programming/47-javascript/85-30-best-jquery-photo-plugins-sliders-slideshow-galleries-and-scrollers.html

WOULD USE smoothgallery but this dosn't allow easily for resizing of images that are different sizes. 

thinking will use galleria and hide the thumbnails since it allows different size images, BUT it dosnt scale them nicely like lightbox does. 

thinking maybe use lightbox without the background being faded BUT it will move around the page= not good... 

maybe can use galleria with easing plugin or something to make the transition between different sized images. smoothgallery is mootools might be a conflict... 

jQuery Cycle?? not as full featured...

http://malsup.com/jquery/cycle/

http://malsup.com/jquery/cycle/more.html?v2.23

http://malsup.com/jquery/cycle/diffsize.html

the coda slider???

http://www.ndoherty.com/demos/coda-slider/1.1.1/#5

this popeye dosnt have the greying effect but only opens ot lef or right

http://dev.herr-schuessler.de/examples/jquery-popeye-1-0/

LINKS FOR EXACTLY WHAT IM AFTER, LIGHTBOX IN A DIV... sortov

a hack...

http://internna.blogspot.com/2008/06/div-lightbox-with-jquery.html

at bottom if using php

http://www.dynamicdrive.com/forums/archive/index.php/t-31255.html

using galleria image sizing forum posts

http://devkick.com/talk/topic/384/dynamic-scaling-of-images/

http://devkick.com/talk/topic/85/resize-image-code-side/

http://devkick.com/talk/topic/59/galleria-with-mixed-landscape-and-portrait-pictures/

actually whoever linked to this has got it figured out basically. vertically it centres, but nt hosizontally... 

http://www.rankinstudio.com/show

when it think about it, as long as they dont want some customised sliding transition, if the images are just width, height auto varied, with margin top and sides auto varied, it should float in the center of the div (like margin: 0 auto 0 auto;). what about margin: auto: does that work on all dirctions to make something float in the centre of a div? if it did then that would be what i use to make a whole site stay centered in the browser window, but i have to use a special 50% thing in css with specific values... so maybe autoing the left and right margins is possible, but not top and bottom.... 

more later, but basically the issues is...

there can be no lightbox style easing transition between different sized images without much work, for a gallery in a div. 

what will suffice is a complete fade out fade in (not crossfade) like seen in galleria... and finding some way to vertically and horizontally centre different sized images in a div with css (but no next image buttons?) 

and maybe galleria not right, just need to innerfade thing... 

actually, dont do anymore work until confirmed the artwork... 

heres a link from smoothgallery for resizing images

http://www.mfgea.com.ar/2009/05/07/resize-de-imagenes-con-smoothgallery/

possibly use the thumbnails resizer script... does that know how to centre...

http://smoothgallery.jondesign.net/forums/viewtopic.php?id=37

this may be the answer...

http://smoothgallery.jondesign.net/forums/viewtopic.php?id=2578

with this

http://phpthumb.gxdlabs.com/

but really, just need to try it with the current smoothgallery, see what happens when different sized images are thrown at it, and then try doing some css-ing to make it vertically centered, maybe learn some php to make it vertically centered, horizontal should be easy... unless auto dosnt work. 

might just need to 'get image height, and make margin top 50% of div height minus image height... '... and reposition it before it shows the image... tricky... 

someone out there must have solved this surely... everyone has portrait and landscape pictures they need to account for, and not everyone want their images aligned to the top, but centered... 

i find it interesting that most galleries except the original lightbox style dont seem to have great options for different sized content...

has anyone made a lightbox in a div??? its s sad i cant find an example after 4 hours, i just want the same funtionality thats already been made for these lightboxes, but in a div instead of a modal popup... 

the ultimate would be if it had a feature like 'modal = true' so if its false, it appears in a div... 

thickbox?? 

Devkick Full Screen Gallery! this is RAD!

http://devkick.com/lab/fsgallery/

Great for a quick photographers / artists website. Sadly not available publicly yet?? CRY. 

I wonder whats the go with that dot pattern background, and if t takes video??? ... its 'a png raster to even out up scaled images'... what the? ive seen it over video before, same thing, tricky... 

jquery or anything VIDEO JUKEBOX VIDEO GALLERY

It seemed like a simple thing - a video gallery script, to show up flvs probably in the same place in the one page, from thumbnails or text links. like Galleria but for video. 

why so hard to find? 

not shadowbox or whatever dont want to pay or have it load over the site, but embeded in the page. 

Generally finds include:

Luke Lutmans - A flash embed plugin - for flash videos of any source changing regular links to flash embeds, does browser detection for you. only handles flash content. 

http://jquery.lukelutman.com/plugins/flash/index.html

JQuery Media Plugin 

Replaces regular text links to swfs, movs etc with the proper embed code. looks neat. cant see a demo of how to make it a gallery though. 

http://www.malsup.com/jquery/media/video.html

SWF Object

This is SWFObject which isnt jquery, it is a javascript helper thing that embed flash for you. Think this is the original way to embed flash keep this link for regular flash stuff. 

http://code.google.com/p/swfobject/

Longtail video - JW Flash Player

A paid solution it looks like. Skinnable etc

http://www.longtailvideo.com/players/jw-flv-player/

Flowplayer - A paid option - probably good for a video content heavy site. Maybe look here for demos or something... 

http://flowplayer.org/demos/index.html

multiple players page version - using poster images i think 

http://flowplayer.org/demos/installation/multiple-players.html

another jquery media embedder

http://www.contentwithstructure.com/extras/jmedia

An actual example of a gallery plugin at work horray horray horray. This is probably what i need.  but the problem is that it makes you write the code for each individual file to embed - it should mash up with the jquery media plaugin somehow so the links are easier to write.

http://www.thewhyandthehow.com/jquery-media-gallery-plugin/

This is the JQuery Media Gallery Plugins Google code page

http://code.google.com/p/jquery-media-gallery/

new jquery finds

JB Gallery 

http://maxb.net/scripts/jbgallery/

this makes large scaled background image slideshows - really good always loved this look. 

Photo Galleries - Not lightbox style popups

Heres some galleries Ive recently looked at and will consider using in the future. They are not popups like lightbox.

http://malsup.com/jquery/cycle/
A gallery slideshow with multiple possible effects for transitions. (auto cycling through images)

http://devkick.com/lab/galleria/
A gallery maker with fade transitions and auto thumnail navigation. Good for a proper gallery but dosnt have choice of transitions as far as I can tell.

http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/
Photogallery with slide transition auto pagination for navigation. No back link on photo clicking photo only goes forwards.

http://smoothgallery.jondesign.net/
I used Smoothgallery today for a project. It was pretty good and is working in IE6 fine, took a bit longer than lightbox to set up. Spent a bit of time in forums getting around little issues. The great thing about it though is that if the user has javascript switched off the images just list themselves neatly down the page like a blog. Use the downloaded example demoslide.html, and customised it. Basically the problems were:
• showArrows: false, - this breaks the gallery. To get rid of the arrows do it in the css by making the arrow links css opacity levels be 0 everywhere.
• Deleting the 'open image' href will break the gallery unless you have added the option embedLinks: false, that has the added benefit of removing the lightbulb from the middle of the picture.
• Delecting the thumbnail image links breaks the gallery unless you specify the option showCarousel: false,
• You can easily remove the image title/ caption with the declaration showInfopane: false,

JQuery Resource Roundup

http://www.noupe.com/ajax/45-fresh-out-of-the-oven-jquery-plugins.html
Massive. Lots of new goodness and ideas. The site has 3 other similiar articles.

http://blog.webdistortion.com/2008/06/11/pushing-the-boundaries-of-web-design-the-ultimate-user-interface/
Another good roundup of effects, some really nice form field effects examples shown here. Round form fields!

30 Scripts For Galleries, Slideshows and Lightboxes

Keeper of a link at Smashing Magazine for 30 scripts for galleries, lightboxes and slideshows.

Smoothbox - sexy lightbox style gallery

Like lightbox, but very nice transitions and image caption area thats semi transparent.
Image shows demo from the developers site.










Also theres Squeezebox, which has a brilliant jumping out at you effect, the image scales up and it looks really cool.
http://digitarald.de/project/squeezebox/1-1/showcase/images/