PDA

View Full Version : browse page - thumbnails


harem
04-12-2008, 07:43 PM
hello guys! :)

i have a javascript, and i want to use them to my thumbnails at my "browse page" but i dont know how to do it, because i am using "<THUMBNAILS>" to get all the thumnails, and i need to code this code

<img src="img/billede.jpg" width="250" height="250" name="fisk" style="filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;" onmouseover="startOpChange(this,100,1);" onmouseout="startOpChange(this,60,1);">

somewhere in the <img element, but i dont know how, any1 can help me?

harem
04-22-2008, 04:58 PM
pleas, any1 can help me with that? can i do this in css? or where can i edit the <thumbnails> ?

Dennis
04-25-2008, 01:37 PM
You can change the output of the <THUMBNAILS> in the core code of pixelpost or copy it to your own addon.

kevincrafts
04-25-2008, 05:03 PM
that's also a relatively simple thing to do with a javascript library such as JQuery.

dhdesign
04-25-2008, 11:34 PM
Actually, you can do this within your template's css stylesheet, without having to alter the PP core files. Look at your stylesheet and you should find a class called .thumbnails; simply add the following code to your stylesheet and upload it to your server:

.thumbnails a img, .thumbnails a:visited img {
filter: alpha(opacity=60);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60 );
-moz-opacity: 0.60;
opacity: 0.6;
}

.thumbnails a:hover {
background-color: transparent;
}

.thumbnails a:hover img {
filter: alpha(opacity=100);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10 0);
-moz-opacity: 1.00;
opacity: 1;
}