This is a brand new system. Accounts created with the support forum & community prior to Dec 29, 2013 no longer exist (sorry!). You will need to create a new account.

If you have a support question or comment, click the Post New Topic link below.

Image Link Roll Over Question

 
Please log in or Create an account to post or reply to topics.
 
M Davis
251 posts
Wed May 04, 16
12:05 AM
I added thumbnails to the footer of my web page. The images are darker but when rolled over with a mouse they go lighter.
How can I change the roll over to be normal brightness but darken when moused over.

You can see the thumbnails at the footer here : www.commericalindustrialphotographer.com

 
 
 
 
 
M. Davis
Tim - PicturesPro.com
10320 posts
admin
Wed May 04, 16
7:14 AM
Try editing your theme and in the section to add additional CSS add this:

#footer img {
filter:alpha(opacity=100);
opacity:1 !important;
}
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
M Davis
251 posts
Wed May 04, 16
8:25 AM
I added it below script already there and nothing appears to have changed.
 
 
 
 
 
M. Davis
Tim - PicturesPro.com
10320 posts
admin
Wed May 04, 16
1:59 PM
Looks like you have added some javascript in the additional CSS which is causing that code not to work. Javascript doesn't belong there and actually not doing anything. You need to remove this code:


<script>
var loadDeferredStyles = function() {
var addStylesNode = document.getElementById("deferred-styles");
var replacement = document.createElement("div");
replacement.innerHTML = addStylesNode.textContent;
document.body.appendChild(replacement)
addStylesNode.parentElement.removeChild(addStylesNode);
};
var raf = requestAnimationFrame || mozRequestAnimationFrame ||
webkitRequestAnimationFrame || msRequestAnimationFrame;
if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); });
else window.addEventListener('load', loadDeferredStyles);

</script>
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
M Davis
251 posts
Wed May 04, 16
7:39 PM
Okay I removed the script and all works well now. One final question. If I wanted the mouse rollover on an image to slightly darken, what would the script be?
 
 
 
 
 
M. Davis
Tim - PicturesPro.com
10320 posts
admin
Thu May 05, 16
8:26 AM
#footer img: hover {
filter:alpha(opacity=80);
opacity:.8 !important;
}
 
 
 
 
 
Tim Grissett, DIA - PicturesPro.com || My Email Address: info@picturespro.com
Loading more pages
Loading more pages

Sign up for email promotions.

Your information is safe with us and won't be shared.

Thank you for signing up!

 
©2003 - 2018 Grissett, LLC. All Rights Reserved.

By continuing to browse or by clicking Accept Cookies, you agree to the storing of cookies on your device necessary to provide you with the services available through our website.

    Accept   Privacy & Cookie Policy
Loading More Photos
Scroll To Top
Close Window
Loading
Close