Wie kann ich Bildposition relativ zu dem Container wissen, so kann ich wissen, ob Animationssteuerung zu deaktivieren

Question

Ich habe ein Bild in einem Div, wo das Bild breiter ist als das Div und das Div auf Überlauf gesetzt: versteckt.

Ich erstelle ein Steuerelement, um das Bild bei jedem Klicken auf das Steuerelement zu verschieben.

Woher weiß ich, dass zum Beispiel auf der rechten Seite kein Teil des Bildes mehr übrig ist, damit ich das Steuerelement deaktivieren kann?

  <div class="timeLineDiv"> 
      <img class="aboutusTimelineImage" src="imageurl" /> 
      </div> 
      <div class="timelineControlDiv"> 
       <div class="timelineControlLeft"><</div>      
       <div class="timelineControlRight">></div> 
      </div> 

die js ist

  $(document).ready(function() { 
       $(".timelineControlLeft").click(function() { 
        var a = $(".aboutusTimelineImage").position(); 
        $(".aboutusTimelineImage").animate({ left: '-=100px' }, "slow"); 
       }); 
      }); 

Answer 1

Sie haben eine Breite von Bild und seine Position, so dass Sie Abstand auf der linken oder rechten Seite outside the div und Block oder starten Sie eine Animation berechnen kann.