Your Cart

Shopping Cart Items: 0   Sub-Total : $0.00    View Cart    Checkout
Welcome, Guest ( Customer Panel | Login )


Home | Profile | Register | Active Topics | Members | Search | FAQ


Forgot your Password?
 All Forums
 VPCart Forum
 VP-Cart 8.00 Issues
 Alt attribut in the slidebanner images		  New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

AleChe91
VP-CART New User

Italy
128 Posts
Posted - October 06 2015 :  15:33:52  Show Profile  Reply with Quote
As you can see there''s not the Alt tag on the thumbnails


<div data-thumb="images/XXX.jpg" data-src="images/XXX.jpg">

<div class="camera_caption fadeFromBottom">
<div>
<h3>XXXXXX</h3>
<p>xxxxxxx</p>
</div>
</div>

</div>


How can i fix it?

Alessandro

Stock Elettrico S.r.l.

danielrichardson
VP-CART Super User

Australia
276 Posts
Posted - October 09 2015 :  07:16:07  Show Profile  Reply with Quote
Simple Slider setup

<div id="camera_wrap">

<div data-src="slider-images/1.jpg" ><div class="camera_caption fadeFromBottom cap1">Add a slogan or feature here...</div></div>
<div data-src="slider-images/2.jpg" ><div class="camera_caption fadeFromBottom cap2">Add a second slogan or feature here...</div></div>
<div data-src="slider-images/3.jpg" ></div>

</div>
Go to Top of Page

AleChe91
VP-CART New User

Italy
128 Posts
Posted - October 09 2015 :  08:18:20  Show Profile  Reply with Quote
That''s the Text.. i mean ALT attribute

Alessandro

Stock Elettrico S.r.l.
Go to Top of Page

ryo_best
VP-CART New User

90 Posts
Posted - October 09 2015 :  08:31:35  Show Profile  Reply with Quote
sorry, do you mean to add alt text to div in css ?

is it like this :

<style>

a.info{
position:relative; /*this is the key*/
z-index:24;
color:#000;
text-decoration:none}

a.info:hover{z-index:25; background-color:#76B7E7}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
font-weight:bold;
top:0px;left:20%; width:100px;
margin-left:-125px;
border:1px solid #0cf;
background-color:#0099FF;
color:#ffffff;
text-align: center;
z-index:9999999;}
</style>


<div id=''>
<a class="info" href="#">?<span>your text</span></a>
</div>
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000
0 Item(s)
$0.00
  • Your Cart Is Empty