1

だから私はそのように写真を並べています

ここに画像の説明を入力

対応する id タグがあります。それらのいずれかをクリックすると、ポップアップが表示されます。

ここに画像の説明を入力

このJavaScriptによってロードされます：

google.setOnLoadCallback(function() 
{
    $('div.recentbox').click(function()
    {
        var name = $(this).attr('id');

        $('#titlethumb').prepend('<img class="imgs" src="stuff/"+name+"/thumbnail.jpg" />');
        $('.box-inner').fadeOut('fast',function()
        {
            $('.box-inner').load('stuff/'+name+'/description.html', function()
            {
                $('.box-inner').fadeIn('slow');
            });
        });
    });
});

description.html

<div id="infobox-wrap">
    <div id="infobox">
        <div id="titlethumb">
            <h2 class="infobox">linkur.com</h2>
            <img id="imgs" src=""> <!--this image should be found in stuff/linkur/thumbnail.jpg-->
        </div>

        <div id="descriptionbuttons">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut leo quis ante sagittis volutpat ut quis dolor. Vivamus ut leo ut erat pellentesque imperdiet nec eget turpis. Nunc sit amet elit dictum nulla tristique venenatis ut sed purus. Nulla facilisi. Duis ac dictum lectus. Aliquam erat volutpat. Nam scelerisque eros ac lacus cursus pulvinar. Praesent lobortis ipsum sit amet tellus fringilla vel lacinia diam auctor. Aliquam vel mattis odio. Sed tincidunt turpis in neque ullamcorper euismod. Nulla sed ante erat. Duis cursus massa facilisis neque eleifend sed viverra mi pulvinar. Morbi ultricies cursus libero sed ultrices. Donec non magna nibh. Phasellus tempor massa diam, tincidunt cursus justo. Vestibulum bibendum nisi in odio tincidunt vel dignissim leo vestibulum.
            </p>
            <p>
                Vivamus non nisi id ante congue suscipit ut ut urna. Morbi non sapien nulla. Suspendisse potenti. Suspendisse potenti. Sed at mauris ut turpis bibendum fringilla. Nam nec urna quis mauris porta venenatis. Sed tempus tortor vitae mauris viverra id mattis lectus aliquet.
            </p>

            <div id="overlaybuttons">
                <a href="#"><span class="orangebtn" id="ourworkbtn">Button</span></a>
                <a href="#"><span class="orangebtn" id="ourworkbtn">Button</span></a>
            </div>
        </div>
    </div>
</div>

index.php

<body>
    <div class="backdrop"></div>
    <div class="box">
        <div class="box-inner">
        </div>

    </div>

残念ながら、画像は読み込まれません。

4

1 に答える 1

5

二重引用符ではなく、単一引用符を閉じる必要があります。

var name = this.id;

$('#titlethumb').prepend('<img class="imgs" src="stuff/' + name + '/thumbnail.jpg" />');

またはよりきれいに：

$('<img>', {
    'class': 'imgs',
    'src': 'stuff/' + name + '/thumbnail.jpg'
}).prependTo('#titlethumb');
于 2013-04-21T21:31:06.260 に答える