Software Javascript de vista em slide

Javascript grátis (código html) para criar e mostrar a sua vista em slide! ou Software para criar imagens e foto-slides mostrados em páginas html

Definições

  • Este código java script gratuito ira criar imagens, e fotos em vista de slide.
  • Você pode utilizar imagens em diferentes directórios como também fotos em vista de slide.
  • Opções como seguinte. anterior, Começar e finalizar imagens.
  • Apenas copie o código na sua página e utilize-o para mostrar as suas fotos e slides.

Pré-Visualizar

Código

    Javascript Código
    <!--Script by hscripts.com-->
    <!--Copywrite of HIOXINDIA-->
    <!--More scripts @ http://hscripts.com-->
    <script type="text/javascript">
    var width = 250;
    var height = 100;
    var imgAr1 = new Array();
    var rImg1 = new Array();
    imgAr1[0] = "slideshow-software/image-1.jpg";
    imgAr1[1] = "slideshow-software/image-2.jpg";
    </script>
    <table cellpadding=0 cellspacing=0><tr><td style="border: 2px ridge red;"><img id=pic border=0></td></tr>
    <tr><td><table width=100% style="border: 2px ridge red; font-size: 13px; font-family: verdana, arial;"><tr><td align=center><a style="color: blue; cursor:pointer;" onclick="start()">Iniciar</a></td>
    <td align=center><a style="color: blue; cursor:pointer;" onclick="slideshow()">Proximo</a></td>
    <td align=center><a style="color: blue; cursor:pointer;" onclick="prev()">Prev</a></td>
    <td align=center><a style="color: blue; cursor:pointer;" onclick="end()">Final</a></td>
    <td align=center><a href="http://www.hscripts.com" style="color: blue; text-decoration: none; cursor:ponter; font-size: 13px;">&copy;H</a>
    <script type="text/javascript">
    for(var j = 0; j < imgAr1.length; j++){
    rImg1[j] = new Image();
    rImg1[j].src = imgAr1[j];
    }
    document.onload = setting();
    var slide;
    function setting(){
    slide = document.getElementById('pic');
    slide.src = imgAr1[0];
    slide.setAttribute("width",width);
    slide.setAttribute("height",height);}
    //Image or picture slide show using java script
    //slideshow function
    var picture = 0;
    function slideshow(){
    if(picture < imgAr1.length-1){
    picture=picture+1;
    slide.src = imgAr1[picture];}}
    function prev(){
    if(picture > 0 )
    {
    picture=picture-1;
    slide.src = imgAr1[picture];}}
    function start(){
    slide.src = imgAr1[0];
    picture = 0;}
    function end(){
    slide.src = imgAr1[imgAr1.length-1];
    picture = imgAr1.length-1}
    </script>
    <!--Script by hscripts.com-->


  • Data Lançamento - 2010-09-22
  • Obter versão gratuita, sem link para o autor apenas $5/-
  • para configuração deste script ou desenvolvimento de qualquer script, contacte-nos para support@hscripts.com

Utilização

  • Para mudar o tamanho da mostra de slides, vá á linha var width = 250; var height = 100; e mude o valor do tamanho e comprimento para qualquer tamanho em pixeis que desejar.
  • Para preparar as imagens para a vista em slides. Vá para a linha. imgAr1[0] = "dir1/image-1.jpg"; imgAr1[1] = "dir1/image-2.jpg";
  • Substitua os valores "dir1/image-1.jpg" e dir1/image-2.jpg" para a parte das suas fotografias. Você pode adicionar o número de fotos que quiser na sequência. Para adicionar mais uma foto imgAr1[2] = "dir1/image-3.jpg"; mais imagens podem ser adicionadas como imgAr1[3], imgAr1[4], imgAr1[5], e assim sucessivamente.

License

  • Este javascript (grafada como java script) / código HTML é dado sob a GPL License.
  • ou seja, o uso gratuito para quem usá-la como ela é.
  • Livre, se a sua modificação não é remover os nossos links e informações sobre direitos autorais.
  • Informações detalhadas podem ser encontradas License aqui
  • Você pode compra o script se suas exigências não cumprirem os termos de GPL.