Why was my site removed from this thread?

[geeves]

Hey guys.

Just wondering why the thread for the Event Equipment (www.eventequipment.com.au) web site I had started has been removed?

Cheers

[Elsie]

Great site. Is the Flash fade image on the home page editable from CMS Made simple? I am looking for a fade image show my client can change the pictures in through the Admin consol

[realrock]

Hey guys.

Just wondering why the thread for the Event Equipment (www.eventequipment.com.au) web site I had started has been removed?

Cheers

I like the layout, good design!

Maybe a bit offtopic, but on your own website you got those great roll-over tooltip images under "mywork". Can I ask you what it is, and how it works with CMSMS?

[geeves]

Hi guys.

Thanks for the comments.

Elsie, the flash images on the front page use a plugin for Flash called SlideShowPro (www.slideshowpro.net). The images and order etc are stored as an xml file so they're not managed within the CMS itself. I am sure there would be some way to upload images to the CMS and do this with javascript, I just didnt have time to investigate how to do this because it was a last minute request from the client and they said they didn't want to change the images anyway.

realrock, re the tooltips for my own web site, I achieved this by using the rel tag and a class on my work item links.

for example, the html below is for a single folio item.

Code: Select all

<li class="ecommerce">
                <a href="my-work/chipchop" title="ChipChop!" rel="uploads/images/projects/previews/hover_chipchop01.png" class="project_preview">

                <img src="uploads/images/projects/thumbs/thumb_chipchop01.png" width="170" height="90" alt="ChipChop!" /></a>
                <p>
                    <b>ChipChop!</b><br />
                    <a href="my-work/chipchop" title="ChipChop!" class="readmorelink">read more</a>
                </p>
            </li>

In my 'rel' tag, I have a path to my hover image and the 'a' tag has a class of 'project_preview'

I then wrote some javascript to handle the hovering and loading of the image from the rel tag. See below (note: jQuery framework used in site)

Code: Select all

/* Screnshot preview */
    /* CONFIG */
		xOffset = 20;
		yOffset = 85;
	$("#projects a.project_preview").hover(function(e){
        $("body").append("<div id='screenshot' class='loading'></div>");
		$("#screenshot")
			.css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px")
			.fadeIn(500);
        var img = new Image();
        $(img).load(function() {
            $('#screenshot').removeClass('loading').append(img);
        }).attr('src', this.rel);
    },function(){
	    $("#screenshot").remove();
    });

    $("body").append("<div id='screenshot' class='loading'></div>");
        var img = new Image();
        $(img).load(function() {
            $('#screenshot').removeClass('loading').append(img);
        }).attr('src', this.rel);

	$("#projects a.project_preview").mousemove(function(e){
        $(this).css({cursor:"pointer"});

		$("#screenshot")
		    .css("top",(e.pageY - yOffset) + "px")
			.css("left",(e.pageX + xOffset) + "px");
	});

Hope that helps