Hell all,
I hope Iam nt totally in the wrong group or so. I am Using the
uptodate sciptaculous class.
I am trying to scale a Link onMouseOver a little bigger, and to scale
it back to the original Size onMouseOut.
Its seems to more difficult than I thought. The Thing I want to have
is some sort of fisheye effect on a Textelement.
The problem is, that the element usually grows very big or very small
after some time, so its actually totally out of control.
is there any way to get this clean and calm, to a nice an smooth
effect, or am I totally on the wrong way? Ive tried ques, and I also
tried to not set of a Effect, when a certain value is set, but this
all didnt solved the behavoir.
here is a zip of the code:
<inpt type="hidden" name="scaleset" id="scaleset" value="0">
<script language="javascript">
function ScaleBig()
{
if(document.getElementById('scaleset').value!=1)
{
document.getElementById('scaleset').value = 1;
new Effect.Scale("fisheyeItem12",120,{scaleX: true,
scaleY:
true, scaleFromCenter:true, duration: .2, queue: {position:'front',
scope: 'menuxscope'}, scaleMode:{originalWidth: 200} });
}
}
function ScaleSmall(element)
{
if(document.getElementById('scaleset').value!=0)
{
document.getElementById('scaleset').value = 0;
new Effect.Scale("fisheyeItem12",100,{scaleFrom:120,
scaleX:
true, scaleY: true, scaleFromCenter:true, duration: .2, queue:
{position:'end', scope: 'menuxscope2'} });
}
}
</script>
<div id="mainmenu" style="width:450px;<? echo $style_add_mainm ?
>">
<div id="fisheyeMenu" style="width:450px;"
onmouseover="JavaScript:ScaleBig();"
onmouseout="JavaScript:ScaleSmall();">
<div class="fisheyeItem" id="fisheyeItem1"
style="float:left"><a
id="fisheyeItem12" class="<? echo $class_exhibit_c ?>" href="index.php?
site=exhibitions&action=current">CURRENT</a> </div>
</div>
</div>
I hope somebody can help me. I am already trying for more than two
days to get this to work.
Thanks for any conclusions.
Best
Tobias
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
