Alguns podem dizer - e com razão - o suficiente! Bibliotecas JavaScript (discreta - não intrusiva ou em parte) para gerenciar imagens e galerias existem tantos. De qualquer forma aqui está a lista, com prós e contras, o melhor que eu tentei.
Slimbox 01:41
Extremamente mínima, 7K (versão 1.41), exige mootools para o trabalho. Como indicado na página inicial é um gráfico reais clone Lightbox , veremos a seguir. Honestamente, além da extrema compacidade da biblioteca não possui características peculiares. No mesmo local, no entanto, você também pode encontrar um script para gerar em tempo de execução reflexões ... você pode querer limitar esse 
Avaliação: -6 - Slimbox Home, Reflection.js casa para MooTools
Lightbox2
Um dos mais conhecidos e simples. Gerencia imagens desta versão são (por isso não funciona com o QuickTime, Flash, ou outro). Para operar, exige Prototype e Scriptaculous . Use o atributo rel para identificar os links de imagens a serem processadas:
1 |
Como a outras bibliotecas que veremos, suporta o modo de apresentação, digite qualquer identificador entre colchetes em uma série de link / imagem:
1 2 3 | "images/image-1.jpg" rel = "lightbox[roadtrip]" > image #1 < / a > < um href = "images/image-1.jpg" rel = "lightbox [roadtrip]"> image # 1 </ uma > "images/image-2.jpg" rel = "lightbox[roadtrip]" > image #2 < / a > < um href = "images/image-2.jpg" rel = "lightbox [roadtrip]"> image # 2 </ uma > "images/image-3.jpg" rel = "lightbox[roadtrip]" > image #3 < / a > < um href = "images/image-3.jpg" rel = "lightbox [roadtrip]"> image # 3 </ uma > |
Pontuação: 6 - Lightbox2 Top
LightWindow 2,0
Isto também é muito comum! Afinal, como você pode dizer qual é usado? . No entanto, é extremamente abrangente e versátil. No local está o pedido de doações para a compra de um Mac ... e pressionar um pouco invasivo ... No entanto, como acima, mas para o seu funcionamento, exige a presença de Prototype e Scriptaculous . Ao contrário de seu antecessor, no entanto, isso permite que você visualize tipos moltisiimi de arquivos: a partir das imagens, filmes QuickTime, filmes em Flash, páginas externas HTML e PDF. ) altri obbligatori ( class e params - per impostare il comportamento della libreria). Pelo contrário, usa vários atributos, alguns opcionais ( author, caption e title ) outro (obrigatório class e params - para definir o comportamento da biblioteca). Por exemplo, para ver uma galeria ou apresentação de slides usando o atributo rel :
1 2 3 | "gallery/0-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Left Behind" caption = "Look's super tasty!" author = "Unknown" > image #1 < / a > < um href = "gallery/0-sushi.jpg" class = "LightWindow" rel = "[Sushi]" title = "Left Behind" caption = "Olha é super saboroso!" author = "Desconhecido"> image # 1 </ um > "gallery/1-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "Beware of warewolves..." caption = "I shouldn't be doing this when I am hungry" author = "Unknown" > image #2 < / a > < um href = "gallery/1-sushi.jpg" class = "LightWindow" rel = "[Sushi]" title = "Cuidado com warewolves ..." caption = "Eu não deveria estar fazendo isso quando eu estou com fome" imagem author = "Desconhecido"> # 2 </ uma > "gallery/2-sushi.jpg" class = "lightwindow" rel = "[Sushi]" title = "That was good!" caption = "Take that sushi!" author = "Unknown" > image #3 < / a > < um href = "gallery/2-sushi.jpg" class = "LightWindow" rel = "[Sushi]" title = "Isso foi bom!" caption = "Take que sushi!" author = "Desconhecido"> image # 3 </ uma > |
Pontuação: 8 - Início LightWindow 2,0
Shadowbox 1.0B
Embora a versão 1.0 beta, esta é talvez a mais completa biblioteca, tanto do ponto de vista funcional é suportado pelo bibliotecas. Para o seu funcionamento, de fato, você pode escolher entre uma variedade de quadros, com o arquivo "adaptador" especialmente fabricados e fornecidos pelo autor:
- Yahoo! User Interface Biblioteca (Yahoo, Dom, Evento, anim)
- Ext (standalone core.js-ext)
- Prototype + Scriptaculous
- jQuery
- MooTools (requer Fx.Styles e suas dependências)
- Dojo Toolkit (graças Peter Higgins)
O efeito visual (configurável através da pele / css), então, ao contrário dos outros, é definitivamente mais atraente. Os atributos são utilizados apenas rel onde, em seu espaço interno são todos os outros parâmetros de configuração. Por exemplo, para criar uma galeria, é só usar:
1 2 |
Se você deseja definir algumas opções ( consulte o site para lista completa ) simplesmente use a seguinte sintaxe:
1 |
Na Internet podem encontrar outros, tais como JS Highslide . Na verdade, se você quer denunciar alguma outra biblioteca ... Enfim, pessoalmente, prefiro Shadowbox para escalabilidade, simplicidade e cruz-quadro.
Pontuação: 9 - Top Shadowbox 1.0B
Excelente colecção!
muito útil e bem detalhadas.
Parabéns!
Bem feito!
Útil e clara.
Eu estou tentando usar Shadowbox em vez de Mesa 2, que no meu site a partir de problemas Joomla 1.0.15 'com Internet Explo (d) er, mas infelizmente sem sucesso.
Definitivamente não é algo que eu entendi. O site fala de dois módulos, e Slimbox slimbox.js-core.js, mas eu construo gera apenas um que não funciona. Eu tentei tanto um do autônomo para Mootools (que eu já tiver baixado e ativado, é claro), mas o resultado não muda.
Pode dar algum apoio, por favor?
@ Cristian: Por que falar sobre as formas e Slimbox slimbox.js-core.js? Eu não sei se em Shadowbox ...
@ Giovambattista Fazioli: oh, e "foi um deslize. Eu quis dizer, é claro Shadowbox
@ Cristian: o código que você usa? Para trabalhar Shadowbox precisa de dois tipos de inicializações. Que não basta apenas incluir o script, como acontece com outras bibliotecas semelhantes. Postami o código que vamos ver o que está errado ...
Aqui a informação que me perguntam
Shadowbox no site, na seção Download, eu tentei fazer é construir a versão independente do que para Mootools. Mootools foi claramente instalado e carregado.
O procedimento baseia-se me * um * arquivo gerado, shadowbox.js, eu carreguei no cabeçalho do site:
Mas ele não funciona
Eu também tentou carregar uma pele hipotético (cm ², que eu não fiz, foi apenas para dar-lhe uma tentativa ...) com
Mas aqui novamente sem sorte.
Outros não têm feito, e ele não funciona
@ Cristian: ok, o que está faltando - eu acredito - é a inicialização da biblioteca. Todos os passos que você fez são substancialmente correta. O que você tem a fazer é chamar esse código quando a página é carregada:
Você pode reposicionar evento onload da página ou explorar document.ready () frameword seu favorito:
Além disso, se você optar por usar com mootools Shoadowbox, por exemplo, também deve carregar o adaptador seguinte ordem:
2
3
4
5
6
"text/javascript" src = "mootools.js" >< / script > < roteiro type = "text / javascript" src = "mootools.js"> </ roteiro >
<! - Então o adaptador ->
"text/javascript" src = "shadowbox-mootools.js" >< / script > < roteiro type = "text / javascript" src = "shadowbox-mootools.js"> </ roteiro >
<! - E eventualmente shadowbox ->
"text/javascript" src = "shadowbox.js" >< / script > < roteiro type = "text / javascript" src = "shadowbox.js"> </ roteiro >
@ Giovambattista Fazioli: ainda me escapa alguma coisa. Primeiro, eu não sei onde encontrar o adaptador. Fazendo a construir a partir do site eu recebo um único arquivo, que eu suponho é o shadowbox real. Mas isso não é "um grande problema, porque eu também poderia usar o autônomo (que eu não entendo por que" para criar um adaptador, se as funções também são acessíveis a partir de autônomo).
Desde então, em vez de "virgem" quando se trata de java peço-lhe uma última coisa: eu posso inserir o código de inicialização Shadowwbox.init () dentro de um type=javascript> <script etc? Eu posso fazer, mesmo no cabeçalho do site para torná-lo de carga em cada página?
Eu fiz alguma edição de arquivos, upload que eu tenho, clicando no "Code Download" na seção Download do site. Mas ainda não funciona
2
3
4
5
6
7
"text/javascript" src = "http://miosito/sogema_theme/js/shadowbox-base.js" >< / script > < roteiro type = "text / javascript" src = "http://miosito/sogema_theme/js/shadowbox-base.js"> </ roteiro >
"text/javascript" src = "http://miosito/templates/sogema_theme/js/shadowbox.js" >< / script > < roteiro type = "text / javascript" src = "http://miosito/templates/sogema_theme/js/shadowbox.js"> </ roteiro >
"text/javascript" > < roteiro type = "text / javascript">
Shadowbox.loadLanguage ('en', 'http://miosito/templates/sogema_theme/js/lang');
window.onload = Shadowbox.init;
</ roteiro >
@ Cristian: calmo, a partir deste ponto de vista Shoadowbox não é muito intuitivo!
No entanto, primeiro você tem que baixar o pacote completo que você sempre encontra na página de download: na parte inferior há dois links: Full Download, para baixar o pacote inclui exemplos, documentação e downloads adaptadores e filas, que contém apenas o código, adaptadores, e pele . baixá-lo. 
Além disso, acho intedessi "virgem" não-Java e JavaScript, duas coisas que são "um pouco" diferentes
Então, ao usar um código Javascript dentro de uma página HTML, você deve sempre colocá-lo entre
<script type=javascript>...Oops, o código que eu postei acima, existe "um erro no caminho da trascrittura. Caminhos que são claramente determinados, no próprio site
Olá a todos,
Notei que todos estes métodos para a exibição de imagens / pages / flash etc .. não funcionam com Internet Explorer 8 Beta.
Espero que seja apenas uma questão de pré-lançamento versão deste browser mítico.
Você vê este problema também?
Obrigado
Fé
Oi tudo,
Eu baixei o pacote shadowbox, mas desde que eu não sei de todo o código Javascript
Não tenho idéia de como operá-lo em uma página html.
Devo colocar links de páginas nell'head para os arquivos js que estão nos pacotes. Mas exatamente quais arquivos? E então como é que vamos inicializar a biblioteca?
Alguém pode me mostrar o código que devo usar?
Obrigado, obrigado.
Eu também tive o mesmo problema.
Alguém sabe me dar mais alguma informação?
Obrigado por sua cooperação.