Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boas,
Tenho um website de humor e gostaria de introduzir um modal para o registo, login , comnetarios s ao posy etc
qual e o melhor modal com jquery, javascript, html5 para o tal?
Desde de ja agradeco as reapostas
>
Eu sempre usei o SuperBox :
http://pierrebertet.net/projects/jquery_superbox/
jQuery SuperBox! is deprecated and won’t be updated.
Sério?
Eu sempre usei o FancyBox.
Bem o melhor modal é aquele que vai se adequar ao seu layout/necessidade, se você consegue implementar mais rápido ou de identifica com algum já é um começo, ambos postados são bons.
Deixarei minha contribuição também:
http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#prettyPhoto
Esse acima eu gosto pois como tem suporte aos botões do twitter e facebook (não preciso ter trabalho de gerar URL e colocar eles no modal) atende a certas necessidade de alguns designs que faço.
Eu criei um modal simples que atende minhas necessidades, talvez possa ajudar.
Para usá-la é necessario ter jquery e jqueryui instalados;
<script>$(function() {
function criaModal() {
$('#jan').remove();
$("<div id='jan'><div id='fechar'><b><img src='imgs/icones/excluir.gif'/></b></div><div id='pop'></div></div>").prependTo('body');
$('#pop').html('<h3>Carregando...</h3>');
$("#jan").draggable();
}
function jirModal(param) {
criaModal();
$('#pop').html(param);
$('#jan').hide('fast', function() {
largura = $('#jan').width();
altura = $('#jan').height();
esquerda = largura / 2;
topo = altura / 2;
$('#jan').css({
'clear': 'right',
'position': 'fixed',
'width': largura + 'px',
'height': altura + 'px',
'left': ' 50%',
'top': '50%',
'margin-left': -esquerda + 'px',
'margin-top': -topo + 'px'
});
});
$('#jan').slideDown();
}
$(document).on('click', "#fechar b,#fJan", function(e) {
e.preventDefault();
$('#jan').fadeOut(function() {
$(this).remove();
});
});
$(document).on('click', ".modal", function(e) {
e.preventDefault();
url = $(this).attr('href');
jirModal(url);
});
});
</script>
<a class='modal' href='umapagina.php'>Um texto</a>Eu sempre crio os meus...
Geralmente desenho-os quando crio o layout e monto facilmente com jQuery, usando fadeIn e fadeOut, nada mais... :D
Eu sempre usei o SuperBox :
http://pierrebertet.net/projects/jquery_superbox/