this block of code is the center main image on the homepage which should have and does have a hover effect on mouseover:
<div id=”centeredimage”>
<style type=”text/css”>
img{opacity:0.35;filter:alpha(opacity=35);}
img:hover{opacity:1.0;filter:alpha(opacity=100);}
</style>
<img src=”Center Image HomePage.jpg” height=”412″ width=”458″ />
</div>
the following code is for what goes on the left and right of the center image:
<div id=”leftdisplaycolumn”>
<div class=”innertube”>
<img src=”U:Web Dev – M&A RemovalsLeftSideDisplayDimensions.bmp” width=”190″ height=”150″ />
</div>
<div class=”innertube”>
<img src=”U:Web Dev – M&A RemovalsLeftSideDisplayDimensions.bmp” width=”190″ height=”150″ />
</div>
<div class=”innertube”>
<img src=”U:Web Dev – M&A RemovalsLeftSideDisplayDimensions.bmp” width=”190″ height=”150″ />
</div>
<div class=”innertube”>
<img src=”U:Web Dev – M&A RemovalsLeftSideDisplayDimensions.bmp” width=”190″ height=”150″ />
</div>
</div>
<div id=”rightdisplaycolumn”>
<div class=”innertube”>
<img src=” ” width=”190″ height=”150″ />
</div>
<div class=”innertube”>
<img src=” ” width=”190″ height=”150″ />
</div>
<div class=”innertube”>
<img src=” ” width=”190″ height=”150″ />
</div>
<div class=”innertube”>
<img src=” ” width=”190″ height=”150″ />
</div>
</div>
the issue is that the images in the leftdisplaycolumn and rightdisplaycolumn div should not have any hover effect. I tried using jQuery to remove the effect but it removes the image as a whole.
the jquery code being used was placed within the innertube class as follows:
<div class=”innertube”>
<script>$(this).removeClass(“hover”);
<img src=”U:Web Dev – M&A RemovalsLeftSideDisplayDimensions.bmp” width=”190″ height=”150″ />
</script>
</div>
gathered from: [url]http://api.jquery.com/removeClass/
I want the image but without the hover class effect can anyone help or point me in the right direction.