ansaurus

Question

Simply Div Opacity Fade on Focus using mootools

Answer 1

A:

You may be able to wrap the image into a div and use something like this to fade?

Fx.Style("div1", "opacity").start(1.0);

Frost 2009-02-09 12:15:26

I've added this to my test page. How would I go about making them change on mouseover? I should have said that I've no experience with mootools

2009-02-09 13:42:44

I do not have experince with mooTools, but it can be done using javascript: I saw it inhere: http://forum.mootools.net/viewtopic.php?id=5125, and to get the mouseover effect then just call it onmouseover and onmouseout

Frost 2009-02-09 14:13:58

Answer 2

A:

Found a solution, well sort of. It works in mootools 1.2.1. I've tweaked the code to fade divs and not img.

I put this in my head:

<script type="text/javascript"  src="mootools-1.2.1-core-yc.js"></script>  
<script type="text/javascript">

    var fade_in = 1;
    var fade_out = 0.5;

</script>
</head>
<body onload="$$('div.box_panel').fade(0.5);">

and then this on my divs.

<div id="box1" class="box_panel" onmouseover="this.fade(fade_in);" onmouseout="this.fade(fade_out);">
        <h2>Box One</h2>
        <p>This is a content box and some sample content to pad it out.</p>
</div>

Problem now is I'm not sure how to get this same effect in 1.11

2009-02-09 15:54:46

why don't you just upgrade or use both? ..does the fade function not exist in the 1.11?

Frost 2009-02-09 16:11:57

Can't upgrade as other Joomla components may 'break'. I've read that V1.6 is supposed to be moving to mootools 1.2 but for the moment the compatibility mode is supposed to be iffy. Will give it a try.

2009-02-09 16:43:10

Answer 3

A:

Hi gavjof

Have you able to do this in MooTools1.1. I am also having a same kind of requirement.

If you have the code, could you please share with me @ [email protected]

Malaiselvan 2009-12-28 16:43:45

ansaurus

tags:

views:

answers:

Simply Div Opacity Fade on Focus using mootools

related questions