ExpressionEngine CMS
Open, Free, Amazing

Thread

This is an archived forum and the content is probably no longer relevant, but is provided here for posterity.

The active forums are here.

Imagemap Rotator?

August 13, 2007 4:38pm

Subscribe [5]
  • #1 / Aug 13, 2007 4:38pm

    Boyink!

    5011 posts

    I’ve got a need for an image rotation script - which I can find plenty of, but each image will have an image map with two hot-spots linking to pages deeper within the site.

    I can find tools that will allow each image to link to one page, but not more.

    Anyone know of anything?

  • #2 / Aug 15, 2007 7:21am

    GDmac - expocom

    350 posts

    Do you mean rotating on a webpage (different images that come by)
    or do you mean rotate the image X degrees?

    The first should be easy with mootools.net (javascript)
    make a DIV and replace the HTML in that DIV 😊
    The second requires MATH skills and some php

  • #3 / Aug 15, 2007 8:21am

    Boyink!

    5011 posts

    The first - basically along the lines of a banner ad rotator, except that each image has two hotspots that link to different pages.  I can find all kinds of scripts that provide for linking the entire image to one page.  I’ll look at mootools, thanks.

    Hmm…not seeing anything ready-made at mootools…or did you mean it provided a framework to code something on my own?  Really not looking to invest that kind of time in it.

    Unless I’m missing it and you have a link?

  • #4 / Aug 15, 2007 11:38am

    GDmac - expocom

    350 posts

    Is the data loaded once (many elements in javascript)?
    then you could rotate them with a chain
    take a look at these demo’s
    http://demos.mootools.net/Periodical
    http://demos.mootools.net/Chain.Periodical
    http://demos.mootools.net/Chain

    You could also do a (periodical) ajax-load
    and replace the HTML of an element
    http://demos.mootools.net/Ajax

    It took me some time to dive into this ajax and mootools thing
    but succeeded in making a movieplayer-window with an accordion
    category-filelist and an ajax-div that loads a swf-player and
    description in about a afternoon. (just a matter of taste, some
    people like jQuery or prototype more)

    take a peek at this excellent tutorial page by CNET
    http://clientside.cnet.com/wiki/beginnersguide.html
    the last (bottom of page) has a image carrousell

  • #5 / Aug 15, 2007 11:52am

    Boyink!

    5011 posts

    Thanks again…

    I was really hoping for something ready-made—not sure it’s worth that much time to custom-program. I can probably find a different design direction if that’s the case….

  • #6 / Aug 15, 2007 2:32pm

    asozzi

    262 posts

    I’m not entirely certain what your requirements are. But have a look at the following tool called jCarusel lite.


    It’s pre-requirements are jQuery
    The “light” refers to the fact its only 2kb (for the price of leaving out AJAX lazy loading)
    I think it was meant more as an image rotator, but it can be set to auto rotate or use external controls. It also takes html instead of just images , so you should be able to use imagemaps.

    The full version of jcarousel does all the same including AJAX calls, skins etc. but weighs in quite a bit more.

    Questions regarding jQuery are best directed to: jQ Google groups

    And if you need some really fancy change over effects to go along with that have a look at: the jQuery Cycle Plugin

    Enjoy!

  • #7 / Aug 15, 2007 11:40pm

    aircrash

    293 posts

    It probably depends on the specifics of what, exactly, you are trying to do, but is there a way you could let ee handle it? For example, each imagemap could be a weblog entry with custom fields for the links and image and coordinates, if necessary; and then you could just embed a random entry from the imagemap weblog?

  • #8 / Aug 16, 2007 12:43am

    PXLated

    1800 posts

    That was my initial thought also Aircrash. Boyink, would that work or are there other extenuatiing circumstances?

    Edit-Add: I do wish EE had a step-through function in addition to random. Similar to the old pBlocks in pMachinePro.

  • #9 / Aug 16, 2007 11:07am

    Boyink!

    5011 posts

    The images can’t be random, they have to be serial and change without refreshing the page.

    I was thinking of the old pBlock functionality as well Randy - isn’t it funny that there was one thing pMPro did that EE doesn’t natively do?  😉

    I got tied up with Forum formatting yesterday - I’m going to take a close look at the other options mentioned in this thread today.

  • #10 / Aug 16, 2007 10:35pm

    Boyink!

    5011 posts

    OK, nevermind on this one.  I managed to talk the client out of the two links per image direction which opens up other alternatives like Monoslideshow.

    Thanks!

.(JavaScript must be enabled to view this email address)

ExpressionEngine News!

#eecms, #events, #releases