Hi,
I was hoping someone could help me with applying a lightbox to portfolio images. It seems the images are placed through CSS and not embedded on the page. There is an image rollover CSS rule but the template wasn't finished with the lightbox.
This is what it should look like:
http://www.templatemo.com/templates/templatemo_406_flex/
This is the site I'm working on:
http://wswdesign.com
The images under "latest work" are placed in the page the ones under "portfolio" are added through CSS and don't show on the page until going live.
Thank you graciously for any help
Here is an example of my code for one image:
<ul class="portfolio">
<li class="item design">
<div class="portfolioitem">
<img src="img/print1.jpg">
<div class="portfoliohover">
<div class="info">
<h1>+</h1>
<h5>trade show graphics</h5>
<h6><b class="light-gray">Celguard / Membrana</b></h6>
</div>
</div>
</div>
</li>
I was hoping someone could help me with applying a lightbox to portfolio images. It seems the images are placed through CSS and not embedded on the page. There is an image rollover CSS rule but the template wasn't finished with the lightbox.
This is what it should look like:
http://www.templatemo.com/templates/templatemo_406_flex/
This is the site I'm working on:
http://wswdesign.com
The images under "latest work" are placed in the page the ones under "portfolio" are added through CSS and don't show on the page until going live.
Thank you graciously for any help
Here is an example of my code for one image:
<ul class="portfolio">
<li class="item design">
<div class="portfolioitem">
<img src="img/print1.jpg">
<div class="portfoliohover">
<div class="info">
<h1>+</h1>
<h5>trade show graphics</h5>
<h6><b class="light-gray">Celguard / Membrana</b></h6>
</div>
</div>
</div>
</li>
Last edited: