Digital Grin Photography Forum - View Single Post

Andy · Dec-09-2005, 12:23 PM #12

Remove the mousover for Dummies

If you want to have say, a Journal Gallery that shows the pics but doesn't allow clicking, enlarging, etc, do this:

(Thanks to Anton for all the kewl code!

)

Put this in your CSS Stylesheet:
(REPLACE XXXXX GALLERY NUMBER WITH YOURS!)

Code:

.gallery_XXXXXX #journal img.imgBorder,
.gallery_XXXXXX #journal img.imgBorderOn {
border-width: 0px;
}

.gallery_XXXXXX #journal .photo.right {
cursor: auto;
}
.gallery_XXXXXX #journal .photo a {
cursor: auto;
}
.gallery_XXXXXX #journal .photo img {
cursor: auto;
}

Put this in your Body Tag:

Code:

<body onload="doOnLoad();">

Put this in your Javascript

Code:

function doOnLoad() {
  if (window.AlbumID && (window.AlbumID == "XXXXXX")) //
  removeLinkFromImg();
}

function removeLinkFromImg()

{

    var links = document.getElementsByTagName("A");

    for (var i = 0; i < links.length; i++)

    {

        var link = links[i];

        var divElm = link.parentNode;

        if (!divElm)

            continue;

        divElm = divElm.parentNode;

        if (!divElm)

            continue;

        if (divElm.className.indexOf("photo")<0)

            continue;

        link.href = "javascript:void(0);";

    }

}