It seems that it wont work. I have enabled jquery_plugin +jquery eye candy + reflection plugin and it didnt worked at all at eny content type

Comments

ztyx’s picture

ztyx commented
Status: Active » Postponed (maintainer needs more info)

Hi Bazin,

You need to add JavaScript code in htto://www.mysite.com/admin/settings/jq_eyecandy. Have you done this? What code? If not, see for example an example code here. Also notice that your decriptor (ie. 'img.reflect1' in the example code) must match the image id/class of the image you want to give reflection.

Regards,

Jens

Bazin’s picture

Bazin commented

Hi ztyx,

I am a begginer user and i use the Salamander theme for D6.3. I have put the JavaScript code in that place but didnt repleace the 'img.reflect1' becouse i dont know what shall i put there. I want to have reflection just like it is in the Salamander demo site: http://www.radut.net/. At the bottom of the site there is a reflection (the one of the main content square with round corners part of the site). What then shall i put to enable reflection.

Regards,
Bazin

WorldFallz’s picture

WorldFallz commented
Status: Postponed (maintainer needs more info) » Closed (fixed)

Did you ever get this figured out? Honestly though, that type of static reflection that is part of the theme is better off done with a graphic rather than javascript. This module is really aimed at adding effects dynamically to content elements rather than to replace graphic design. Post back if you need more info.

Bazin’s picture

Bazin commented

Ok then. Lets say I want to apply it to the footer content or the user avatars in e.g stories. What JavaScript code in that place shall I add to get the reflection on that two content elements?

WorldFallz’s picture

WorldFallz commented

It all depends on the classes/ids available to you. The code from the demo pages should be easily adaptable. I would guess something like this:

$(document).ready(function()
{
$('img.avatar').reflect({
  height: 0.1,
  opacity: 0.2});

$('img.footer').reflect({
  height: 0.1,
  opacity: 0.2});
})

This assumes "footer" is a class on an image in your footer and "avatar" a class on your avatar image. AFAIK, the jquery plugin itself only works on images, just trying to reflect a div with a background image or text, won't work.