私はjqueryloadを使用して、特定の画像をdivにロードしようとしていますが、これは私がこれまでに行ったものであり、完全には機能していません。
$(document).ready(function () {
$('#violin_img_1').load('http://www.klossal.com/klossviolins/inventory.html', function() {
$(".violin:first").find('.photo').find('img');
});
});
.inventoryページのdivは次のように構成されています。
<div id="bow_cello-VictorFetique_1093" class="iso bow bow_cello instrument_container">
<div class="about background_notselected">
<div class="about_txt">
<div class="about_summary">
<h3>
Price: $15,000
</h3>
<br class="spacer">
<h3>
A fine French cello bow branded: Vtor FETIQUE A PARIS, sold with ETIENNE VATELOT certificate.
81 Grams, round reddish brown Pernambuco stick, silver winding, silver mounted ebony frog.
</h3>
</div>
<h1>
Victor Fetique, 1093
</h1>
<h2>
Cello Bow
</h2>
</div>
</div>
<div class="tile">
<img class="inventory_tile_img" src="http://www.klossal.com/klossviolins/tiles/inventory_tile.png" alt="">
</div>
<div class="photo">
<img class="instrument" src="http://www.klossal.com/klossviolins/instruments/bows/cellos/VictorFetique_1093.jpg" alt="">
<div class="enlarge bc">
<img class="enlarged_unselected" src="http://www.klossal.com/klossviolins/elements/fullscreen_unselected.png"/>
<img class="enlarged_selected" src="http://www.klossal.com/klossviolins/elements/fullscreen_selected.png"/>
<div id="VictorFetique_1093" class="enlarged_txt">Enlarge Image</div>
</div>
</div>
</div>