Cataloger: "image x of y" and next and previous image?

[vinke]

Hi all,

On a Cataloger item page: does anyone know if it is possible to show which image is showing out of how many (e.g. image 3 of 5)?

Also is it possible to add  'next image' and 'previous image' navigation, only active on the number of items in a catalog (instead of the standard CMSMS 'next' and 'previous' page)?

You can see an example of how I want to use Cataloger on an allready working prototype made with Website Baker: http://www.vinke.dk/wb/pages/gallery/af ... wpath8.php

Unfortunately I cannot use Website Baker (because of the PHP safe mode requirement) so I forced to find another CMS. CMS Made Simple sound very promising due to it's ease of use, but I still lack a proper Gallery which can also be SEO friendly.

Hope any of you can help me out.

/Erik

[Dr.CSS]

Did you look in 'Extensions » Tags' there is an 'ImageGallery' it's on top in my install i think it will do just what you want,,

  HTH
        mark

[vinke]

Hi Mark,

Thanks for your reply. I did not see the extension, but unfortunately I need more functionality than that. I need to be able to add several items of text to each image (e.g. price, availability, description) and I need to be able to "search engine" optimize each page that shows an image. This means setting a Title tag, Descripion and Keywords.

This is why the Cataloger is a very promising module....

Any other suggestions?

/Erik

[Dr.CSS]

did you read this whole thing?,, yes it is SEO because to 'search' your site the spider has to generate the page and then read it, the img gallery makes all paths open, i've put the {search} tag in my pages , it uses google, and it's found everything i've looked for, i've never submitted my site to google, 

What parameters does it take?

It can take quite a few parameters, but the example above is probably good for most people

  1. picFolder e.g. picFolder="uploads/images/yourfolder/"
      Is the path to the gallery (yourfolder) ending in'/'. So you can have lots of directories and lots of galleries.
  2. type e.g. type="click" or type="popup"
      For the "popup" function to work you need to include the popup javascript into the head of your template e.g. "". The javascript is at the bottom of this page! The default is 'click'.
  3. liID e.g. liID ="imagegallery"
      Sets the wrapping 'li id' around your gallery so that you can have different CSS for each gallery. The default is 'imagegallery'.
  4. sortBy e.g. sortBy = "name" or sortBy = "date"
      Sort images by 'name' OR 'date'. No default.
  5. sortByOrder e.g. sortByOrder = "asc" or sortByOrder = "desc"
      No default..
  6. This sets caption above the big (clicked on) image
      bigPicCaption = "name" (filename excluding extension) or
      bigPicCaption = "file" (filename including extension) or
      bigPicCaption = "number" (a number sequence) or
      bigPicCaption = "none" (No caption)
      The default is "name".
  7. This sets the caption below the small thumbnail
      thumbPicCaption = "name" (filename excluding extension) or
      thumbPicCaption = "file" (filename including extension) or
      thumbPicCaption = "number" (a number sequence) or
      thumbPicCaption = "none" (No caption)
      The default is "name".
  8. Sets the 'alt' tag for the big image - complisory.
      bigPicAltTag = "name" (filename excluding extension) or
      bigPicAltTag = "file" (filename including extension) or
      bigPicAltTag = "number" (a number sequence)
      The default is "name".
  9. Sets the 'title' tag for the big image.
      bigPicTitleTag = "name" (filename excluding extension) or
      bigPicTitleTag = "file" (filename including extension) or
      bigPicTitleTag = "number" (a number sequence) or
      bigPicTitleTag = "none" (No title)
      The default is "name".
  10. thumbPicAltTag
      Is the same as bigPicAltTag, but for the small thumbnail images.
  11. thumbPicTitleTag *
      Is the same as bigPicTitleTag but for the small thumbnail images.
      *Except that after the options you have '... click for a bigger image' or if you do not set this option then you get the default of 'Click for a bigger image...'

A More Complex Example

'li id' is 'cdcovers', no Caption on big images, thumbs have default caption. 'alt' tags for the big image are set to the name of the image file without the extension and the big image 'title' tag is set to the same but with an extension. The thumbs have the default 'alt' and 'title' tags. The default being the name of the image file without the extension for 'alt' and 'Click for a bigger image...' for the 'title', wolid be:
{ImageGallery picFolder="uploads/images/cdcovers/" liID="cdcovers" bigPicCaption="none" bigPicAltTag="name" bigPicTitleTag="file"}

It's got lots of options but I wanted to keep it very flexible and you don't have to set them, the defaults are sensible.

[vinke]

Hi again,

OK, Google probably finds the image pages... but each 'image page' cannot be properly be optimized for search engines to rank highly on specific search phrases.

E.g. I have an oil painting about flower landscapes. I want to optimize this image-page on the search phrase "flower landscape oil painting". One off the most important parameters is the page title which should contain this phrase. I am correct that this is impossible, right?

I understand that the image title can be set through the file name, but I need several extra info items to each thumbnail and large scale image (price, availablity). Large scale images should also contain a description of several lines...

It's a good tag though, didn't realise these tags could be so powerful

/Erik

[carasmo]

I need to find out about next and previous part of the catalog category and not part of the CMS self link