Need ideas on how to make site more Phone and Tablet friendly

E

Evantchapman

New Member
Ok here is what is going on. I have simplified my portfolio website down so that when you hover over the image with your mouse it gives a description on the image and option to enlarge it (which uses jQuery light box) and another option to click and view a website.

This is were the problem lies I don't necessarily need the site to be 100% mobile friendly, but if there were going to view it on a tablet or phone I would like the lightbox feature to be there does any one have any ideas?

Website address www.ezdzine.com

Code:
<div class="view view-tenth"> <img src="images/web_1.jpg" />
<div class="mask">
<h2><a href="http://www.visioncustomsigns.com/" target="_blank" class="info">visioncustomsigns.com</a></h2>
<p>Website created using: Dreamweaver, Photoshop, jQuery, Flash</p>
<a href="images/web_1lg.jpg" rel="lightbox" title="Vision Custom Signs Website" class="info">Click to Enlarge</a> </div>
</div>
Click to expand...

I have also tried making the image a link too, but the image disappears when I do that.
Example:
<div class="view view-tenth"> <a href="images/web_1lg.jpg" rel="lightbox" title="Vision Custom Signs Website" class="info"> <img src="images/web_1.jpg" /> </a>
<div class="mask">
<h2><a href="http://www.visioncustomsigns.com/" target="_blank" class="info">visioncustomsigns.com</a></h2>
<p>Website created using: Dreamweaver, Photoshop, jQuery, Flash</p>
<a href="images/web_1lg.jpg" rel="lightbox" title="Vision Custom Signs Website" class="info">Click to Enlarge</a> </div>
</div>
Click to expand...

Is there anything that I can try?
 
You must log in or register to reply here.
Top