html图像无法正常显示,而是放置标记文本

时间:2015-01-12 09:18:14

标签: html image

我的文字之间有一些图像,其中一个图像显示不正确,无法找出原因......(它是#abbey one,4th ul list,3rd image)。这是HTML,然后使用jquery加载到另一个页面。

    <br/>
<h1>Programski jeziki</h1>
    <ul>
        <li><span class="bold">Java: </span>Opravljen izpit Osnove Programiranja kot del poklicnega tečaja Tehnik Računalništva, učenje na lastno pest.</li>
    </ul>
<h1>Spletno oblikovanje</h1>
    <ul>    
        <li><span class="bold">HTML, CSS: </span>Opravljen izpit Načrtovanje in razvoj spletnih aplikacij kot del poklicnega tečaja Tehnik Računalništva, opravljen tečaj na spletni strani <a href=www.codeacademy.com>codeacademy</a>.</li>               
        <li><span class="bold">PHP: </span>opravljen tečaj na spletni strani <a href=www.codeacademy.com>codeacademy</a>, ki zajema variables, arrays, functions, classes, loops.</li>
        <li><span class="bold">Javascript: </span>opravljen tečaj na spletni strani <a href=www.codeacademy.com>codeacademy</a>, učenje na lastno pest
        <li><span class="bold">Jquery: </span>osnovno poznavanje uporabe ter načina dela, učenje ob uporabi ter na spletni strani <a href=www.codeacademy.com>codeacademy</a>.  
    </ul>
<h1>Ostala računalniška znanja</h1>
    <ul>               
        <li>programi MS Office (Word, Excel, PowerPoint)</li>
        <li>poizvedbe po podatkovni bazi (mySQL)</li>                                       
    </ul>
<h1>Drugo</h1>
    <ul>
        <li><span class="bold">Retorika, moderatorika in argumentacija</span><br/>Član mednarodne debatne ekipe 4 leta v gimnaziji.</li>
        <img class="thumbnail" id="cicero" src="images/cicero_thumbnail.jpg" alt="p" />
        <img class="thumbnail" id ="pokal" src="images/pokal_thumbnail.jpg" alt="p" />    
        img class="thumbnail" id="idea" src="images/idea_thumbnail.jpg" alt="p" />                                
        <li><span class="bold">Komunikacija s strankami</span><br/>študentsko delo: anketiranje(klicni center+v živo)</li>                                
        <li><span class="bold">Tuji jeziki:</span>
        angleščina: dodatno učenje angleškega jezika od začetka osnovne šole, obiskovanje poletnih taborov (Bohinj, Anglija)        
        <img class="thumbnail" id ="abbey" src="images/abbey_thumbnail.jpg" alt="p" />
        <a>francoščina: učenje francoščine kot drugi tuji jezik v gimnaziji (4 leta)</a>
        </li>                 
        <li><span class="bold">Vozniški izpit B kategorije</span></li>
    </ul>

<script>
    $(".thumbnail").hover( function() {
      $(this).fadeTo(500, 1);
      },
      function() {
      $(this).fadeTo(1000, 0.5);
    });
    $("#cicero").on("click",function(){
         window.open('images/cicero.jpg','_blank');
     });
     $("#pokal").on("click",function(){
         window.open('images/pokal.jpg','_blank');
     });
     $("#idea").on("click",function(){
         window.open('images/idea.jpg','_blank');
     });
     $("#abbey").on("click",function(){
         window.open('images/abbey.jpg','_blank');
     });
</script>

1 个答案:

答案 0 :(得分:3)

您的第三个img标记缺少开头<字符。

像这样更改您的第4个UL:

 <ul>
    <li><span class="bold">Retorika, moderatorika in argumentacija</span><br/>Član mednarodne debatne ekipe 4 leta v gimnaziji.</li>
    <img class="thumbnail" id="cicero" src="images/cicero_thumbnail.jpg" alt="p" />
    <img class="thumbnail" id ="pokal" src="images/pokal_thumbnail.jpg" alt="p" />    
    <img class="thumbnail" id="idea" src="images/idea_thumbnail.jpg" alt="p" />                                
    <li><span class="bold">Komunikacija s strankami</span><br/>študentsko delo: anketiranje(klicni center+v živo)</li>                                
    <li><span class="bold">Tuji jeziki:</span>
    angleščina: dodatno učenje angleškega jezika od začetka osnovne šole, obiskovanje poletnih taborov (Bohinj, Anglija)        
    <img class="thumbnail" id ="abbey" src="images/abbey_thumbnail.jpg" alt="p" />
    <a>francoščina: učenje francoščine kot drugi tuji jezik v gimnaziji (4 leta)</a>
    </li>                 
    <li><span class="bold">Vozniški izpit B kategorije</span></li>
</ul>