字jquery覆盖从

Question

我使用link一个很好的覆盖范例，但希望jQuery的响应点击一些文本，而不是图像。我想我在正确的轨迹上

$("img[rel]").overlay(); 

我试过用div代替img。是否有可能只是使用链接覆盖，并以这种方式触发它如何改变$（“img [rel]”）。overlay（）;

触发器

<img src="thumbs/barcelona-pavilion.jpg" rel="#mies1"/> 
<img src="thumbs/barcelona-pavilion2.jpg" rel="#mies2"/> 

叠加

<!-- large image --> 
    <img src="photos/barcelona-pavilion-large.jpg" /> 

    <!-- image details --> 
    <div class="details"> 
     <h3>The Barcelona Pavilion</h3> 

     <h4>Barcelona, Spain</h4> 

     <p>The content ...</p> 
    </div> 

</div> 

<!-- second overlay --> 
<div class="simple_overlay" id="mies2"> 
    ... 
</div> 

CSS

/* the overlayed element */ 
.simple_overlay { 

    /* must be initially hidden */ 
    display:none; 

    /* place overlay on top of other elements */ 
    z-index:10000; 

    /* styling */ 
    background-color:#333; 

    width:675px;  
    min-height:200px; 
    border:1px solid #666; 

    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 90px 5px #000; 
    -webkit-box-shadow: 0 0 90px #000; 
} 

/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 

/* styling for elements inside overlay */ 
    .details { 
     position:absolute; 
     top:15px; 
     right:15px; 
     font-size:11px; 
     color:#fff; 
     width:150px; 
    } 

    .details h3 { 
     color:#aba; 
     font-size:15px; 
     margin:0 0 -10px 0; 
    } 

个

JS

$("img[rel]").overlay(); 

Answer 1

我想你应该能够使用一个类来调用它，就像这样：

HTML：

<a href="thumbs/barcelona-pavilion.jpg" class="overlay">Link 1</a> 
<a href="thumbs/barcelona-pavilion2.jpg" class="overlay">Link 2</a> 

JS：

$("a.overlay").overlay();