Multiple Inline Items (PLEASE HELP)

41 views
Skip to first unread message

Bo Taylor

unread,
May 17, 2012, 5:53:28 PM5/17/12
to fanc...@googlegroups.com
I am trying to call multiple inline items, and when I click them it only shows the first one's content!  I am pulling my hair out please help.

My Javascript Calling:
<script type="text/javascript">
$(document).ready(function() {
$('.fancybox').fancybox();
});
</script>

My HTML:
<div class="atrack">
            <img src="images/albumcovers/Italian-Japanese-lg.jpg" class="trackcover" width="66" height="66" />
                <p class="artist">Italian Japanese</p>
            <p class="trackname">Two Islands</p>
              <img src="images/buynow-artinfo.jpg" border="0" usemap="#Map" class="actionbtns" />
                <map name="Map" id="Map">
                  <area shape="rect" coords="1,-2,87,26" href="#" />
                  <area shape="rect" coords="-2,27,83,57" class="fancybox" href="#track1" />
                </map>
            </div>
            
            <div class="atrack">
            <img src="images/albumcovers/Yann-Tiersen-lg.jpg" class="trackcover" width="66" height="66" />
                <p class="artist">Yann Tierson</p>
            <p class="trackname">The Trial</p>
              <img src="images/buynow-artinfo.jpg" border="0" usemap="#Map" class="actionbtns" />
                <map name="Map" id="Map">
                  <area shape="rect" coords="1,-2,87,26" href="#" />
                  <area shape="rect" coords="-2,27,83,57" class="fancybox" href="#track2" />
                </map>
            </div>



<div class="gcr-artistinfo" id="track1" style="width: 580px; overflow: hidden; display: none;">
<h2>Italian Japanese</h2>
    <img class="largealbum" src="images/albumcovers/Italian-Japanese-lg.jpg" />
    <p><span>Song:</span> Two Islands</p>
    <p><span>Album:</span> (Single)</p>
    <p><span>From:</span> Southern California</p>
    <img src="images/artist-info-opts.jpg" border="0" usemap="#Map2" class="artistoptions" />
    <map name="Map2" id="Map2">
      <area shape="rect" coords="-11,2,156,26" href="http://itunes.apple.com/us/album/nyc-single/id515976173?ign-mpt=uo%3D4http://" target="_blank" />
      <area shape="rect" coords="-13,26,153,46" href="http://www.italianjapanese.com/" target="_blank" />
      <area shape="rect" coords="-4,47,156,77" href="#" target="_blank" />
    </map>
</div>

<div class="gcr-artistinfo" id="track2" style="width: 580px; overflow: hidden; display: none;">
<h2>Yann Tiersen</h2>
    <img class="largealbum" src="images/albumcovers/Yann-Tiersen-lg.jpg" />
    <p><span>Song:</span> The Trial</p>
    <p><span>Album:</span> Skyline</p>
    <p><span>From:</span> France</p>
    <img src="images/artist-info-opts.jpg" border="0" usemap="#Map2" class="artistoptions" />
    <map name="Map2" id="Map2">
      <area shape="rect" coords="-11,2,156,26" href="http://yanntiersen.sandbag.uk.com/Store/DisplayItems.html" target="_blank" />
      <area shape="rect" coords="-13,26,153,46" href="http://www.yanntiersen.com/" target="_blank" />
      <area shape="rect" coords="-4,47,156,77" href="#" target="_blank" />
    </map>
</div>

Thanks for any help / suggestions!  I appreciate it :)

- Bo




Bo Taylor

unread,
May 18, 2012, 11:21:46 AM5/18/12
to fanc...@googlegroups.com
Anyone Please? Please?

JFK

unread,
May 18, 2012, 5:07:42 PM5/18/12
to fancybox
replied that at stackoverflow
http://stackoverflow.com/a/10659033/1055987

On May 18, 8:21 am, Bo Taylor <itwa...@gmail.com> wrote:
> Anyone Please? Please?

JFK

unread,
May 18, 2012, 7:39:10 PM5/18/12
to fancybox
if you think the answer helped you, don't forget to accept it ... see
the post at stackoverflow

On May 18, 2:07 pm, JFK <jfk.d...@gmail.com> wrote:
> replied that at stackoverflowhttp://stackoverflow.com/a/10659033/1055987
Reply all
Reply to author
Forward
0 new messages