galleria fotografica che da problemi con Internet Explorer

asevenx

Utente Attivo
7 Nov 2009
312
0
16
Salve, ho trovato una galleria fotografica in javascript che volevo inserire su un sito, ma se apro lo script con IE la gallery non gunziona bene. La gallery in questione è la seguente http://www.html.it/demo/javascript/37606/demo_index.html (apritela con diversi browser, tra cui IE per vedere la differenza di funzionalità). A questo punto avrei bisogno di una mano per renderlo funzionale anche con IE, oppure conoscete un javascript simile (possibilmente con le mignature sotto) che sia compatibile con tutti i browser? Grazie
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, a me fa lo stesso effetto anche su IE (versione 11) comunque non è difficile da fare
prova questo esempio
HTML:
<html>
    <head>
        <title>Esempio slide</title>
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                var images = ["01.jpg", "02.jpg", "03.jpg", "04.jpg", "05.jpg", "06.jpg", "07.jpg", "08.jpg"];
                var dir = "img";
                for (i in images) {
                    $(".contenitore_thumbs").append("<img src='" + dir + "/" + images[i] + "' alt='" + images[i] + "'/>");
                }
                $(".contenitore_thumbs,input[name='right'],input[name='left']").height($(".contenitore_thumbs img").height());
                $(".contenitore_thumbs").css("padding-left", "-" + $(".contenitore_thumbs img").width() * 4 + "px");
                $(".contenitore_thumbs img").click(function() {
                    $(".contenitore_immagine img").attr("src", $(this).attr("src"));
                });
                $(".contenitore_arrow input").click(function() {
                    if ($(this).attr("name") === "left") {
                        $(".contenitore_thumbs").prepend($(".contenitore_thumbs img").last().hide().show());
                    } else {
                        $(".contenitore_thumbs").append($(".contenitore_thumbs img").first().hide().show());
                    }
                });
            });
        </script>
        <style type="text/css">
            .contenitore, .contenitore_thumbs,.contenitore_immagine {
                overflow: hidden;
            }
            .contenitore {
                width: 500px;
            }
            .contenitore_thumbs img{
                width: 25%;
                float: left;
            }
            .contenitore_immagine img{
                width: 100%;
            }
            input[name="left"],input[name="right"] {
                border: none;
                cursor: pointer;
                background-color: black;
                color:white;
                font-weight: bold;
            }
            input[name="left"] {
                float: left;
            }
            input[name="right"] {
                float: right;
            }
        </style>
    </head>
    <body>
        <div class="contenitore">
            <div class="contenitore_arrow">
                <input type="button" name="left" value="<"/>
                <input type="button" name="right" value=">"/>
            </div>
            <div class="contenitore_thumbs"></div>
            <div class="contenitore_immagine">
                <img src="img/01.jpg">
            </div>
        </div>
    </body>
</html>
Sistemi il css come preferisci e il gioco è fatto
 
Discussioni simili
Autore Titolo Forum Risposte Data
J Creata galleria fotografica con Adobe Bridge ...... Webdesign e Grafica 7
L [php e xml] per creare una galleria fotografica con diversi file xml PHP 0
S Galleria fotografica con geotag Webdesign e Grafica 14
T Galleria fotografica con valutazione HTML e CSS 5
asevenx cerco plugin per miniature galleria fotografica in widjet WordPress 1
L galleria fotografica da cartella PHP 10
M Galleria fotografica per inserzioni eBay HTML e CSS 1
B creare galleria fotografica dreamweaver HTML e CSS 1
J Galleria fotografica jq editabile jQuery 0
M Galleria fotografica HTML e CSS 1
A Problema gestione galleria fotografica in java Javascript 4
S Galleria Fotografica HTML e CSS 1
P galleria fotografica per parco auto Webdesign e Grafica 12
Eruyomon Galleria fotografica Veloce jQuery 13
D Galleria fotografica da gestire autonomamente Flash 1
M Galleria fotografica Javascript 0
V Creare Galleria Fotografica HTML e CSS 3
M galleria fotografica HTML e CSS 2
P Aiuto per Gestire Galleria Fotografica PHP 2
G galleria fotografica HTML e CSS 3
B galleria fotografica con dreamweaver cs3 Webdesign e Grafica 4
A (vendo)sito per pub ristorante e sito galleria fotografica Compravendita siti e domini 0
S Galleria Fotografica Multipagina Javascript 2
P Sapere il numero della foto in una galleria fotografica PHP 1
T Problema galleria fotografica... Javascript 4
G Galleria Fotografica Altri Annunci 0
Z galleria fotografica con flash Flash 1
F [PHP] Galleria immagini PHP 6
Z Problema Galleria Javascript Javascript 1
V Galleria con CSS e Javascript Javascript 2
I [CSS] Galleria immagini non funziona HTML e CSS 12
M [wordpress-galleria immagini]Inserire classe php in html PHP 0
ANDREA20 [HTML] galleria immagini HTML e CSS 2
M element style immodificabile dentro una galleria javascript Javascript 6
P domanda su galleria HTML e CSS 4
L effetto galleria popup (immagini) jQuery 1
J Video galleria in php no prende l'id PHP 1
J Galleria di video PHP 1
L Centrare galleria immagine HTML e CSS 2
Monital galleria a fisarmonica con aga.js jQuery 3
R Problema con didascalie galleria immagini PHP 1
R galleria immagini semplice a schermo intero jQuery 1
A Creare una galleria foto senza refresh PHP 0
Trapano Galleria immagini semplice PHP 5
R Galleria di immagini ad apparimento jQuery 1
asevenx carattere speciale da togliere in script galleria jquary jQuery 4
M Galleria funziona solo dopo refresh PHP 56
O Galleria Facebook nel proprio sito wwb PHP 3
E Visualizzazione galleria in pagina php da datebase PHP 3
I Perchè devo cliccare 2 volte su un link per caricare correttamente il css di una galleria? WordPress 1

Discussioni simili