Adding gif

davide
9 years ago

0

Hi,

like suggested by someone ( I am Geekerd although I am logged as Davide ) I have learned some coding stuff and now I am back to some questions!!
I am trying to develop a VERY basic website for school and I want to code like a little quiz and to make the code show a gif.
The code I have ( not all, the one related to the question ) is this one:

        <script>  
        $(document).ready(function(){  
            $(".sb1").click(function(){  
                $("#dialog").show();  
            });  
        });  
        </script>  
  1. Entro quanti anni secondo la profezia l'Emiliano avrebbe distrutto Cartagine?
2 5 3
  1. Come si chiama il migliore amido dell'Emiliano citato nel testo?
Lelio Paolo Levrio

mousemad.gif

The fact is that it does not show the gif and I have tried and tried and I do not understand where the mistake is.
Thanks for helping.
Davide

4replies
2voices
198views
4images
dloser
9 years ago

0

After adding a JQuery include and removing the #quiz part, it works just fine for me.

davide
9 years ago

0

I don’t understand what you’ve written ( my English is Italian style… ).
Also the complete code.

<!doctype html>

    <head>  
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>  


            });  
        });  
        </script>  

        <script>  
        $(document).ready(function(){  
            $("#ipersonaggi").dblclick(function(){  
                $("#ilsecparagrafo").show();  
           $("#primoparagrafo, #ultimopar, #quizbutton").fadeOut();  
            });  
        });  

        </script>  
        <script>  
        $(document).ready(function(){  
            $("#leparolechiave").dblclick(function(){  
                $("#ultimopar").show();  
                $("#ilsecparagrafo, #primoparagrafo, #quizbutton").fadeOut();  
            });  
        });  
        </script>  

    <script>  
    $(document).ready(function(){  
        $("#quiz").dblclick(function(){  
            $("#quizbutton").fadeIn();  
            $("#primoparagrafo, #ultimopar, #ilsecparagrafo").fadeOut();  
        });  
    });  
        </script>  

        <script>  
        $(document).ready(function(){  
            $(".sb1").click(function(){  
                $("#dialog").show();  
            });  
        });  
        </script>  

    </head>  

    <body>  

    <div>  
        <h3>Il Somnium Scipionis</h3>  
        <hr>  
        <button  class="bottoni" id="lastoria" type="button">La storia</button>  
    <button  class="bottoni" id="ipersonaggi" type="button">I personaggi</button>  
        <button class="bottoni" id="leparolechiave" type="button">Le parole chiave</button>  
        <button id="quiz" class="bottoni">Alcune domande</button>  
        <div id="quizbutton" style="display: none">  
        <li>  
            <ol>Entro quanti anni secondo la profezia l'Emiliano avrebbe distrutto Cartagine?</ol>  

    <button id="giusto">2</button>  
            <button class="sb1">5</button>  
            <button class="sb1">3</button>  
            <ol>Come si chiama il migliore amido dell'Emiliano citato nel testo?</ol>  
           <button id="giusto2">Lelio</button>  
            <button class="sb2">Paolo</button>  
            <button class="sb2">Levrio</button>  
            </li>  

        </div>  


        <p id="primoparagrafo" style="display:none">Recatosi dal re Messinissa e dopo un lauto banchetto, Scipione lEmiliano cade in sonno profondo. Gli compare dunque in sogno suo nonno, Scipione lAfricano. Lavo inizia quindi il proprio discorso con una profezia, in cui descrive il futuro politico-militare del nipote. Illustrato dallAfricano il destino radioso delle anime dedite alla patria in vita, compare il padre Paolo che tiene un breve discorso. Spiegata la cosmologia delluniverso, lAfricano illustra lorigine e le conseguenze del suono sentito dallEmiliano; in seguito esprime i motivi della caducitdella fama umana. Il discorso dellAfricano si conclude con il ragionamento sullimmortalitdellanima e limportanza delle virt   


Scipione l'Africano, Scipione l'Emiliano, Messinissa, Lelio, e il padre Paolo


Anima, corruttibilit motore primo, cielo, suono, virte vizi


Africa_Roman_map.svg

scipione.jpg
Scipione l'Africano
230.jpg
Scipione l'Emiliano

mousemad.gif

    </body>  

</html>  
dloser
9 years ago

0

This code works. After double clicking the button and selecting a wrong answer, the image shows up at the bottom.

You didn’t include ‘somnium.css’, so I wouldn’t be surprised if your problem is actually not be in the JavaScript but in that CSS.

davide
9 years ago

0

Yeah, you are right. Thank you very much.

Discussion thread has been locked. You can no longer add new posts.
1 of 5

This site only uses cookies that are essential for the functionality of this website. Cookies are not used for tracking or marketing purposes.

By using our site, you acknowledge that you have read and understand our Privacy Policy, and Terms of Service.

Dismiss