En cours

Image fade in on click in a different div - jQuery

The small boxes show a black and white version of the image, when hovered over the color version is displayed. This part is working and is done with the code below.

What I’d like to add is when the small boxes, smimage, is clicked the larger image fades into the lgimage div.

Image of finished page attached…

<div class="gallery">

<div class="smimages">

LOOP

<div class=”smimage”><a href="#thumb"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/[url removed, login to view]" /><span><img src="<?php bloginfo('stylesheet_directory'); ?>/images/[url removed, login to view]" /></span></a></div>

END LOOP

</div><!--smimages-->

<div class="lgimage">

<img src="<?php bloginfo('stylesheet_directory'); ?>/images/[url removed, login to view]" alt="" id="mainImage"/>

</div><!--lgimage-->

</div><!--gallery-->

CSS

.smimages {

float:left;

width:300px;

height:440px;

background-color:#575352;

margin-top:15px;

margin-bottom:15px;

}

.workthumbimg {

float:left;

height:90px;

width:90px;

margin-left:10px;

margin-top:10px;

}

.workthumbimg{

position: relative;

z-index: 0;

}

.workthumbimg:hover{

background-color: transparent;

z-index: 50;

}

.workthumbimg span{

position: absolute; left:0; top:0;

visibility: hidden;

text-decoration: none;

}

.workthumbimg span img{

border-width: 0;

}

.workthumbimg:hover span{

visibility: visible;

z-index: 80;

top: 0px;

left: 0px;

}

Compétences : jQuery / Prototype, PHP

Voir plus : this class jquery, prototype part 3, jquery version, jquery class, css height jquery, jquery fade image, what is a prototype, jquery end, small jquery, jquery image, float, div, decoration, d prototype, add div div, jquery css hover, php gif transparent, php image href, image background color, image hover text, css show image, image div show, div show hidden, jquery image add, image gallery jquery

Concernant l'employeur :
( 4 commentaires ) Bay Area, United States

N° du projet : #2347434

Décerné à :

KatrinaQ

Freelance Professional.

50 $ USD en 1 jour
(483 Commentaires)
7.5

18 freelancers are bidding on average $37 for this job

gslogics123

Respected Sir ready to start now Regards Ashwin

50 $ USD en 0 jours
(191 Commentaires)
7.2
softwaredep

We are leading Website Designing & Development company. See more details in PMB.

50 $ USD en 1 jour
(95 Commentaires)
6.9
HeNet

Hello, I am interested in your project. please check pm. Thanks.

45 $ USD en 1 jour
(38 Commentaires)
6.2
Max01

send me files i will do it thx

30 $ USD en 1 jour
(83 Commentaires)
5.7
phenodesign

Ready to help you

50 $ USD en 0 jours
(13 Commentaires)
5.3
codemiracles

Let us do it for you because we know it!

40 $ USD en 1 jour
(55 Commentaires)
5.0
experter

Let expert do this for you.

30 $ USD en 2 jours
(17 Commentaires)
4.8
iclientprojects

Hi, I checked your details and I am interested in your project. Please check PMB for more details. Thanks

30 $ USD en 1 jour
(18 Commentaires)
4.3
FreeAl

Hello, will fade these images as you need

30 $ USD en 1 jour
(10 Commentaires)
4.3
ashoksahoo88

Hi, I am a experienced web developer and can finish the job today. Thanks

30 $ USD en 0 jours
(9 Commentaires)
3.9
Astraea

To easy! This is fairly straight forward so we can have this done today if you like. If you'd like to discuss further please feel free to message me and we can get started :) Cheers,

30 $ USD en 0 jours
(7 Commentaires)
3.5
mawaiskhansl

Hi, I'll Give exact and good quality solution ....

30 $ USD en 0 jours
(10 Commentaires)
3.1
mahmed0715

hi, have done this type of jobs so many times. can do this now. thanks

35 $ USD en 1 jour
(1 Commentaire)
1.8
actiwe

I can do it today!

30 $ USD en 0 jours
(0 Commentaires)
0.0
gafmxq

10 minutes work for me. I am very glad to help you on it and want to get more work in the future. Thanks.

30 $ USD en 1 jour
(0 Commentaires)
2.6
BricksandClicks

Hi, I think it is a task to mix and merge jquery black and white effect and image zoom effect on click. we have previously done such job. Thank you.

45 $ USD en 1 jour
(0 Commentaires)
0.0
smartbsk

Hello, I'm having 5+ years of experience in web development and have all required skills and experience as per your requirement.

30 $ USD en 0 jours
(0 Commentaires)
0.0