- Screen name: eliadwagner
eliadwagner's Profile
5 Posts
7 Responses
0
Followers
Show:
- Expanded view
- List view
Private Message
- hello all,
in my site i have 3 image buttons to which i want to apply a rollover effect.
i wrote a short script with help of members of this forum and it looks like this:- <script type="text/javascript">
- jQuery(function() {
- jQuery('#zoom_img').mouseover(function() {
- jQuery(this).attr('src', 'images/stories/k-o/zoom_over.png');
- });
- jQuery('#zoom_img').mouseout(function() {
- jQuery(this).attr('src', 'images/stories/k-o/zoom.png');
- });
- jQuery('#img_next').mouseover(function() {
- jQuery(this).attr('src', 'templates/k-o/images/right_over.png');
- });
- jQuery('#zoom_next').mouseout(function() {
- jQuery(this).attr('src', 'templates/k-o/images/right.png');
- });
- jQuery('#img_prev').mouseover(function() {
- jQuery(this).attr('src', 'templates/k-o/images/left_over.png');
- });
- jQuery('#zoom_prev').mouseout(function() {
- jQuery(this).attr('src', 'templates/k-o/images/left.png');
- });
- });
- </script>
you can take a look at an example page here. under the picture you will find a small navigation menu with "fwd" "prev" and "zoom" buttons. the effect only works on "zoom" while the others change on "mouseover" but don't change back on "mouseout".
i cannot figure out why.
can someone tell?
thank you all.- Hi all,
i am looking for a script that will enable me to replace images in my site onMouseOver. the images are inserted in the HTML page using the <img> tag. i appologize if this very basic, i am new to jQuery and still trying to make sense of it all. is that possible to do with jQuery?
thank you so much- Hi everyone, i am trying to reverse the scrolling direction of Jcarousel and make it scroll from right to left. anyone knows how that can be achieved?
so far i to define direction in the containing DIV of the jCarousel element, tried changeing the float argument of the <ul> and <li> tags inside the Carousel but without any nice results.
also, you can get the jcarousel .js file here: http://174.133.190.8/~goldarch/jquery.jcarousel.min.js
at least, thats the one i am using.
thanks!- Hi all
I have a small script that changes the background color of my page from white to grey when the user clicks a button.
at the moment it works fine accept for when the user tries to navigate to another page (on my website) after changing the background color.
if a user changes the background color to grey and than tries to view another page, the background color becomes white again.
is there any way to make the change only controlled by the button?
my head code looks like this (at least the relevant parts):
+++++++++++++++++++++++++++++++++++++++++++++++++++++++
i have a link with ID=#switch_lnk, which once clicked, changes attributes for 'body' and 'div#side_menu #menu li.active'..
i should add that this website is using Joomla! CMS and that this script is part of the index.php file - meaning it appears on every page in my website.
any ideas?
thank you all so much.Hi all,
i have a joomla based website (www.vaxilbio.com) with which i use superfish menu.
i have 7 items on the main menu and i used the superfish css file to create rollover effects for them. for the first 6 items i used the sfHover class for the rollover but for some reason the last item on the menu dont get the sfHover class on mouseover so i had to use some css trick, attaching the rollover effect to "a:hover" state instead of sfHover.
problem is, this new code is causing IE6 to crash (see attached image).
any idea why?
i tried to attach my .css file but thats not allowed instead i will give code examples for how i defined one of the first 6 menu items and how i set up the 7th (which is the problematic one)
/////////// setting up item 6///////////
.sf-menu li.parent.active.item6 {
width: 178px;
background-image: url(../images/menu_item6.png);
background-repeat: no-repeat;
text-indent:-9999px;
background-position: 0px -91px;
}
.sf-menu li.item6 {
width: 178px;
background-image: url(../images/menu_item6.png);
background-repeat: no-repeat;
text-indent:-9999px;
background-position: 0px 9px;
height: 49px
}
.sf-menu li.item6.sfHover {
width: 178px;
background-image: url(../images/menu_item6.png);
background-repeat: no-repeat;
text-indent:-9999px;
background-position: 0px -41px;
}
.item6 ul {
position: absolute;
top: -999em;
width: 200px;
left: 19px;
}
.item6 ul li.last-child{
border-bottom-width: 18px;
border-bottom-style: solid;
border-bottom-color: #38a000;
}//////////////////// setting up item 7 (causes IE6 to crash)//////////////////////////
.sf-menu li.item7{
width: 109px;
background-image: url(../images/menu_item7.png);
background-repeat: no-repeat;
text-indent:-9999px;
background-position: 0px 9px;
height: 49px
}.sf-menu li.item7 a:hover{
width: 90px;
background-image: url(../images/menu_item7.png);
background-repeat: no-repeat;
text-indent:-9999px;
background-position: 0px -41px;
height: 26px
}
, .sf-menu li.item7 a:active {
width: 90px;
background-image: url(../images/menu_item7.png);
background-repeat: no-repeat;
text-indent:-9999px;
background-position: 0px -91px;
height: 26px
}
.item7 ul {
position: absolute;
top: -999em;
width: 200px;
left: 19px;
}
.item7 ul li.last-child{
border-bottom-width: 18px;
border-bottom-style: solid;
border-bottom-color: #38a000;
}thank you all!
Attachments- IE6---c.jpg
- Size: 136.19 KB Downloads: 2384
- «Prev
- Next »
Moderate user : eliadwagner
© 2013 jQuery Foundation
Sponsored by and others.

