Tuesday, September 29, 2009
Photographer Site - Horizontal Scrolling of page to view gallery
Monday, September 28, 2009
WP plugins - Images, Galleries, Thumbnails, to check out (and alts to nextgen)
- Choose the image to show throught a friendly widget in your post editor.
- Choose between the four presets WordPress sizes: Thumbnail, Medium, Largeand Full.
- Link the image to the article or leave it without a link.
- Showing images in the posts list, even if those images are not setting to appear in the content.
- Get the image url instead of the whole tag.
JH Portfolio provides an admin section for adding portfolio entries, this includes Project Title, Brief, a Main Image, category, main content, additional images, external links etc. The portfolio is ajax powered, so switching between portfolio entries is speedy, but still search engine friendly. There are also pre-made widgets for displaying the portfolio on the front end.
JH Portfolio is still in development but is stable.
(Looks promising, like the cutomising for a portfolios needs... check back on this, later on. )
Photogallery
- enable simple building of image galleries (it not uses built in media support) � it�s targeted for sites where is WordPress used as a CMS
- Plugin's second widgetcontains two widgets � one with the list of available galleries and second with images from the selected (or latest) gallery � this widget is aimed for the main page of blog on which is used
- Validates the aweful XHTML that WordPress spits out.
- Several options on how you want your gallery images.
- Allows multiple galleries in a single post.
- Ability to set the number of images shown in each gallery.
- Ability to exclude or include any images from your gallery.
- Doesn't load any JavaScript unless you choose to do so.
Best of all, is now you can insert image(s) much faster, and precisely where you want them to be.
- No thickbox, using metabox with zero interface blocking, quite similar to the uploader in WordPress 1.5
- No hacking, default upload interface is not affected, only enhanced.
- Insert multiple images in gallery & library mode, without using shortcode; can also insert images in reversed order, and even control spacing between images.
- Mass info editing, change title/captions in one-shot.
- Smart switches: set default uploader, disable captions & toggle all items.
- Initial load time is still limited by server, because the default media manager is not fully client-sided.
AutoNav Graphical Navigation and Gallery Plugin
I wrote this plugin to make it easy for me to write graphical page-based Wordpress sites. I wanted to address these issues:
I wanted to create websites with many nested pages, and permit the user to navigate among them by clicking on pictures within the pages, rather than having to use the Page List. I wanted to list child pages in tables, and have the size of the tables, and the number of rows, automatically computed to fit my layout, based on the thumbnail sizes.
[gallery]
shortcode and add a little more functionality to it. By organizing your galleries as multiple child pages of one parent page, you can use this plugin to see a preview thumbnail and description of each gallery.Custom Field Images provides a flexible way to associate an image to a post and display it anywhere on your site.
Easily insert image data
The plugin adds a custom meta box which is designed specifically for image data, making it easier to use than the generic custom fields box. There is also a button for filling the box automatically with an image uploaded through WordPress.
(This could be it, like a custom field, BUT with the upload button... then again, it could be just as hard to integrate as the first thumb maker i tried... actually not sure if it makes the thumb... anyhew IS RECENTLY uupdated, which is a good sign... )
- Puts all the gallery css in a separte file, for easy customisation and faster page load.
- Adds an id attribute to the code, so that two or more galleries can have adifferent number of columns and still display correctly on the same page.
I like using custom fields to define images for my posts, so that’s what this script was built upon. So, the script looks for the custom fields Keys that you define. If that Key has a Value (should be an image URL), the image is displayed with your post. If there is no custom field used, the script looks for the first image attached to your post. If there is one, then it grabs that image and uses it.
Wordpress "Cannot modify header information - headers already sent by..." and malicious scripts
Sunday, September 27, 2009
Nextgen gallery 1.3.6 and child themes templating solution
Friday, September 18, 2009
wordpress maintenance tasks...
Thursday, September 17, 2009
Trialing NextGen gallery 1.3.6 for a photographers website
Wednesday, September 16, 2009
CSS vertical centering, Galleria
Tuesday, September 15, 2009
Another reason to not use flash for ANYTHING except animation
tags with special class applied... but there was some conflict or reason with the text formatting I'm using that couldn't have a CSS file formatting available, something about the fields and focussing. Or some actioscript that says when user press return, insert invisible PNG 5px high.... anyway, over it.
AND weird bugs in text and images via external HTML file dynamic text boxes (Flash CS3-AS2-OSX 10.4.11 FP 8 or 9 (SAFP8 for making a projector on the mac) Building for a CD-ROM, so not browser specific solutions.
(Using dynamic text fields, in 'properties' panel, it's set to multiline, left justified, HTML enabled, embed font with embed button and uppercase, lowercase, punctuation and basic latin, hyperlinks styled via external css file, text and some images come in via HTML external text file. And each text field on the stage has a bold and italic character typed into it.)
FLASH TEXT WRAPPING BUGS: In this project I wanted text never to wrap around images, but start on new lines under each image. Even when I made the image the exact width of the text field, I found images that were linked to in html text pages had to have this hack around them, to stop text wrapping down the side of the image and strange things like that. Its also important to set the hspace and vspace to what you want because it defaults to 3px or something.
Google textformat leading img it if your having text wrapping problems, actually I tried to find my original ref and couldn't so heres the solution. I cant type code on this blog havn't set it up yet, ob means open bracket and cb means close bracket eg. obpcb is a p tag
(adjust this code before using and delete unnessessary blank spaces of course).
obpcb obtextformat leading="197"cb obimg src="yourimgurl" width="400" height="197" hspace="0" vspace="0" /cb ob/textformatcb ob/pcb
basically, use textformat leading to give the image paragraph a height (same height as your image), and this stops the weird text wrapping down the side of the image one letter per line. UPDATE: I read somewhere that it might have something to do with the images being resized by the textfield, although you don't want them to be. They shrink slightly. I might have had something to do with the hspace and vspace not being set, they default to something like 3px. Not sure though because a letter is certainly alot wider than 3px. Anyway the above fixes the problem well enough for me not to want to know any more.ASSOCIATED VOODOO: If when you roll over a hyperlink in a dynamic text field with external HTML file content containing images and text, and the text jumps, picture disappears, text wraps one letter per line down the side of the text field or something weird happens, you need to go into your HTML source file, and add SOMETHING after your image link.
Make sure the image link is not the last thing in the source. I simply (in code view in dreamweaver) put my cursor after the last p tag which wraps around the image link, and press return, so the cursor is now on a new blank line. THAT FIXES THE BUGGYNESS. What it does is add an invisible carriage return after it which fixes the problem. (NOTE: this means you have to be extra careful when updating your files not to forget and just haphazardly delete blank lines thinking your cleaning up the code. Perhaps you could add a html comment for future authors and yourself in there to say 'dont delete this line flash needs it) but, i don't want to test if comments cause more problems so ill not do this now). This may even apply to text content without images I cant remember, but try adding a blank character to the end of your HTML source anything is jumping around in your SWF.
IMAGE HEIGHT BUG: Another bug - i cant remember the symptoms now exactly, but in this project the images strictly could not be over 241px high, or they triggered a bug. (Probably jumping around when moused over or disappearing or weird rendering artifacts or text wrapping problems or something.) This bug really limits the use of images via external HTML in your project. If your having trouble with images via HTML dynamic text boxes in Flash CS3, try making the images have a small height, see if this fixes the problem. Use in combination with above fixes.
Yes I narrowed this down the hard way, one pixel at a time to find the 'magic number' of 241px high. Although, this magic number may in some way be related to the proportions elsewhere in my project, such as stage height, or text field height or something, so if the number dosn't work for you jut test with a very small image height to begin with.
ALSO HELPFUL FOR TEXT FIELD JUMPING WHEN TEXT SELECTED BY USER: Another 'buggy' thing I noticed was that the dynamic text field was set to 'selectable', so that when the users mouse is over the text box, the mouse icon changes into a... that bar thingy that you use when typing... anyway, to a user it indicates either you can type, or you can select and copy paste the text. I didn't need this functionality. Also I found it did a buggy thing when there is a extra blank line in your HTML text file (which there was to correct other bugs above) OR your text file dosn't quite fit all its content in the available vertical space of the text field (but it looks like it does visually there is no text missing) when the user selects the text, and drags down to highlight it right to the end of the text field's content, the text field 'jumps' or 'scrolls up' (it is NOT a scrollable text field!) to select the out of sight extra blank line or extra content. This makes my heading at the top of the text field 'scroll' out of sight, not pretty. This problem could be solved by making the text field bigger, but design constraints made this not possible (fixed height design). And I wasn't about to go into adding a scrollable text field with that ugly scrollbar and more unknown bugs to squash.
So the solution for this weird behaviour that looks like a bug is to make your text field 'not selectable'. You can do it either in actionscript if you create your text field that way, or from the 'properties panel' if your text field are made on the stage. Select your text field on the stage and click to toggle on off 'selectable' button, it's the square button, with and Ab on it where the b is highlighted in black.
With these solutions your dynamic text fields with images and text from a external HTML file should not have anymore jumpyness! (note not tested on PC/Win as yet)
My conclusion is that dynamic text fields with HTML images are very buggy in CS3 and best avoided. I had far less problems with just text no images... Maybe its all fixed in CS4 (have fun with the new bones tool...) or CS5... I don't care Flash is not my friend anymore.