me podrían guiar en como hacerlo.
Señores de antemano mil gracias.
El codigo es este.
Cita:
los divjQuery(function ($) {
var OSX = {
container: null,
init: function () {
$("input.osx, a.osx").click(function (e) {
e.preventDefault();
$("#osx-modal-content").modal({
overlayId: 'osx-overlay',
containerId: 'osx-container',
closeHTML: null,
minHeight: 80,
opacity: 65,
position: ['0',],
overlayClose: true,
onOpen: OSX.open,
onClose: OSX.close
});
});
},
open: function (d) {
var self = this;
self.container = d.container[0];
d.overlay.fadeIn('slow', function () {
$("#osx-modal-content", self.container).show();
var title = $("#osx-modal-title", self.container);
title.show();
d.container.slideDown('slow', function () {
setTimeout(function () {
var h = $("#osx-modal-data", self.container).height()
+ title.height()
+ 20; // padding
d.container.animate(
{height: h},
200,
function () {
$("div.close", self.container).show();
$("#osx-modal-data", self.container).show();
}
);
}, 300);
});
})
},
close: function (d) {
var self = this; // this = SimpleModal object
d.container.animate(
{top:"-" + (d.container.height() + 20)},
500,
function () {
self.close(); // or $.modal.close();
}
);
}
};
OSX.init();
});
var OSX = {
container: null,
init: function () {
$("input.osx, a.osx").click(function (e) {
e.preventDefault();
$("#osx-modal-content").modal({
overlayId: 'osx-overlay',
containerId: 'osx-container',
closeHTML: null,
minHeight: 80,
opacity: 65,
position: ['0',],
overlayClose: true,
onOpen: OSX.open,
onClose: OSX.close
});
});
},
open: function (d) {
var self = this;
self.container = d.container[0];
d.overlay.fadeIn('slow', function () {
$("#osx-modal-content", self.container).show();
var title = $("#osx-modal-title", self.container);
title.show();
d.container.slideDown('slow', function () {
setTimeout(function () {
var h = $("#osx-modal-data", self.container).height()
+ title.height()
+ 20; // padding
d.container.animate(
{height: h},
200,
function () {
$("div.close", self.container).show();
$("#osx-modal-data", self.container).show();
}
);
}, 300);
});
})
},
close: function (d) {
var self = this; // this = SimpleModal object
d.container.animate(
{top:"-" + (d.container.height() + 20)},
500,
function () {
self.close(); // or $.modal.close();
}
);
}
};
OSX.init();
});
Cita:
el pluggin es este http://okonet.ru/projects/modalbox/ <div id='osx-modal'>
<input type='button' name='osx' value='Testimonio' class='osx demo'/>
</div>
<div id="osx-modal-content">
<div id="osx-modal-title">Silvana Palencia</div>
<div class="close"><a href="#" class="simplemodal-close">x</a></div>
<div id="osx-modal-data">
<h2>Hola andrecito</h2>
<p>Estuve mirando tu pagina muy interesante......y esos libros ya están aquí en ecuador cuéntame....porque estoy segura que el de hijo mió le encantaría a mi mama.</p>
<p>Te mando un abrazo fuerte</p>
<p><button class="simplemodal-close">Close</button> <span>(ó presione Esc para salir)</span></p>
</div>
</div>
</div><!-- cierra comentario Silvana Palencia-->
<div class="testi2"><!-- comentario Silvana Palencia-->
<h2>Joachim de Posada</h2>
<div id='osx-modal'>
<input type='button' name='osx' value='Testimonio' class='osx demo'/>
</div>
<div id="dosx-modal-content">
<div id="dosx-modal-title">Dr. Joachim de Posada</div>
<div class="close"><a href="#" class="simplemodal-close">x</a></div>
<div id="dosx-modal-data">
<h2>Hola Andrés</h2>
<p> Aquí en el aeropuerto listo para abordar el avión. Te felicito, esta magnifico el libro y tal parece que has encontrado un buen nicho en el mercado. Sabes que te deseo que vendas millones de libros.</p>
<p>Estoy muy orgulloso de ti.<br />
Un abrazo<br />
Dr. Joachim de Posada<br />
International Speaker, Author and Consultant<br />
Conferenciante Motivacional, Autor y Consultor</p>
<p><button class="simplemodal-close">Close</button> <span>(ó presione Esc para salir)</span></p>
</div>
</div>
</div>
<input type='button' name='osx' value='Testimonio' class='osx demo'/>
</div>
<div id="osx-modal-content">
<div id="osx-modal-title">Silvana Palencia</div>
<div class="close"><a href="#" class="simplemodal-close">x</a></div>
<div id="osx-modal-data">
<h2>Hola andrecito</h2>
<p>Estuve mirando tu pagina muy interesante......y esos libros ya están aquí en ecuador cuéntame....porque estoy segura que el de hijo mió le encantaría a mi mama.</p>
<p>Te mando un abrazo fuerte</p>
<p><button class="simplemodal-close">Close</button> <span>(ó presione Esc para salir)</span></p>
</div>
</div>
</div><!-- cierra comentario Silvana Palencia-->
<div class="testi2"><!-- comentario Silvana Palencia-->
<h2>Joachim de Posada</h2>
<div id='osx-modal'>
<input type='button' name='osx' value='Testimonio' class='osx demo'/>
</div>
<div id="dosx-modal-content">
<div id="dosx-modal-title">Dr. Joachim de Posada</div>
<div class="close"><a href="#" class="simplemodal-close">x</a></div>
<div id="dosx-modal-data">
<h2>Hola Andrés</h2>
<p> Aquí en el aeropuerto listo para abordar el avión. Te felicito, esta magnifico el libro y tal parece que has encontrado un buen nicho en el mercado. Sabes que te deseo que vendas millones de libros.</p>
<p>Estoy muy orgulloso de ti.<br />
Un abrazo<br />
Dr. Joachim de Posada<br />
International Speaker, Author and Consultant<br />
Conferenciante Motivacional, Autor y Consultor</p>
<p><button class="simplemodal-close">Close</button> <span>(ó presione Esc para salir)</span></p>
</div>
</div>
</div>
y lo que quiero esta en esta pagina en la parte de abajo en testimonios.
Muchas Gracias