Buenas tardes
Utilizo este toolTip:
aquí/
En el head:
Código Javascript
:
Ver original<script type="text/javascript" charset="utf-8" src="js/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/original.js" ></script>
Código Javascript
:
Ver original<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("#stay-target-1").ezpz_tooltip({
contentPosition: 'belowStatic',
stayOnContent: true,
offset: 0
});
$("#stay-target-2").ezpz_tooltip({
contentPosition: 'belowStatic',
stayOnContent: true,
offset: 0
});
});
</script>
Y en el body:
Código HTML:
Ver original<div class="marco_revista_1"> <div class="stay-tooltip-target tooltip-target" id="stay-target-1"> <img src="images/boton_1.jpg"></div>
<div class="marco_revista_1"> <div class="stay-tooltip-target tooltip-target" id="stay-target-2"> <img src="images/boton_2.jpg"></div>
<div class="stay-tooltip-content tooltip-content" id="stay-content-1"> <img src="images/imagen_1.jpg" />
Y el CSS:
Código CSS:
Ver original#stay-content-1 {
width: 450px;
height: auto;
margin: 0 auto 0 auto;
border: none;
}
#stay-content-1 p {
font-family: 'Merriweather', serif;
font-size: 0.7em;
color: #023568;
line-height: 20px;
margin-top: 10px;
text-align: justify;
float: left;
}
#stay-content-1 h5 {
font-family: 'Merriweather', serif;
font-size: 0.8em;
color: #023568;
margin-bottom: 10px;
font-weight: normal;
line-height: 15px;
text-align: left;
}
#stay-content-2 {
width: 450px;
height: auto;
margin: 0 auto 0 auto;
border: none;
}
#stay-content-2 p {
font-family: 'Merriweather', serif;
font-size: 0.7em;
color: #023568;
line-height: 20px;
margin-top: 10px;
text-align: justify;
float: left;
}
#stay-content-2 h5 {
font-family: 'Merriweather', serif;
font-size: 0.8em;
color: #023568;
margin-bottom: 10px;
font-weight: normal;
line-height: 15px;
text-align: left;
}
¿Cómo hago para solo generar un estilo (css) para todos y no tener que repetir "stay-content-1", "stay-content-2...etc"
Gracias por su ayuda