jquery - 需要 JQuery 帮助，暂停和恢复幻灯片放映-6ren

jquery - 需要 JQuery 帮助，暂停和恢复幻灯片放映

转载作者：行者123 更新时间：2023-12-01 03:43:10

有什么方法可以暂停/恢复此幻灯片吗？

var timer = setInterval(function () {
    $('.fadein :first-child').fadeOut(1000)
        .next('img').fadeIn(1000)
        .end().appendTo('.fadein').end();

    $('.pc').text($("img:visible").prop("alt"));
}, 6500);

这是整个页面，问题是当我更改此功能时，页面加载时会显示背景中的图像。图像大小不同，这使得这很棘手

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head><title></title>
    <script src="jquery.min.js"></script>
    <script>window.jQuery || document.write(unescape('%3Cscript src="http://api.jquery.com/jquery-wp-content/themes/jquery/js/jquery-1.9.1.min.js"%3E%3C/script%3E'))</script>
    <script src="jquery-migrate-1.1.1.min.js"></script>
    <style>
    html {
    height: 100%;
    }
  #content{
    /*background-color:#ffffff;*/
    background-image:url('Shadow.jpg');
    background-repeat:repeat-y;
    width:1054px;
    /*height:100%;*/
    min-height:970px;
    margin-right:auto;
    margin-left:auto;
  }
  #title{
    width:855px;
    height:30px;
    background-color:#afa87a;
    margin-right:auto;
    margin-left:auto;
  }
  #title p{
    font-family:Verdana;
    color:#ffffff;
    padding-top:5px;
    padding-left:10px;
    margin-left:28px;
    font-size:13px;
    }
  #left{
      width:390px;
      float:left;
      padding-left:80px;
      padding-right:45px;
      padding-top:50px;
      margin-left:12px;
  }
  #right{
      width:415px;
      float:right;
      padding-top:57px;
  }
  #left p{
    font-family:Verdana;
    color:#000000;
    padding-top:5px;
    padding-left:10px;
    font-size:12px;
  }
  #footer p
  {
       font-family:Verdana;
    color:#000000;
    padding-top:5px;
    padding-left:10px;
    font-size:12px;

  }
  h1{
     font-family:Verdana;
    font-size:14px;
    margin-left:9px;
  }
  a
  {
      color:White;
      text-decoration:none;
  }
  a:hover
  {
      text-decoration:underline;
  }
  ul
  {
      margin-left:-15px;
  }
  ul li
  {
   margin-top:-5px;   
  }
 li p{margin-left:-7px;}
.fadein { position:relative; height:332px; width:500px; }
.fadein img { position:absolute; left:0; top:0; }
.caption { position:relative; height:332px; width:500px; }
.caption img { position:absolute; left:0; top:0; }
.captext
{
    font-family:Tahoma;
    font-size:14px;
    padding-top:15px;
    padding-right:15px;
    padding-left:15px;
}
#footer
{
    padding-top:30px;
    margin-left:auto;
    margin-right:auto;
    width:1054px;
}
.pc
{
    margin-top:200px;
}
</style>
</head>
<body style="background-color:#f0e8b0;height:100%;width:100%;margin:0;">

<script type="text/javascript">
    $(document).ready(function () {
        $(function () {
            $('.fadein img:gt(0)').hide();
            $('.pc').text($("img:visible").prop("alt"));

        /*    $(".fadein").mouseover(function () {
                //$(this).stop();
                clearInterval(timer);
                return false;
            });*/

           var timer = setInterval(function () {
                $('.fadein :first-child').fadeOut(1000)
                    .next('img').fadeIn(1000)
                    .end().appendTo('.fadein').end();

                $('.pc').text($("img:visible").prop("alt"));
            }, 6500);
        });
    });
</script>
    <div id="content">
        <img src="62e.jpg" style="width:851px;margin-left:100px;" alt=""/>
        <div id="title"><p>Greenville, South Carolina 29605  <strong>·</strong>  Contact Emelia  <strong>·</strong>  864-200-0000  <strong>·</strong>  <a href="mailto:test@test.com">test@test.com</a></div>


    <div id="left">

        <h1>Beautiful Country Club/Traxler Park Home</h1>
        <p>Located in the Greenville Country Club/Traxler Park neighborhood, this lovely home, built in 1946, has been extensively renovated, with high ceilings and hardwood floors throughout. Convenient to downtown, yet offers the ambiance of a creekside mountain retreat.</p>

        <ul>
        <li><p>Two and a half stories including : 4 bedrooms, 3 1/2 baths, living room, dining room, den, office/library, eat-in kitchen , screened porch, playroom, exercise area, laundry, workshop, 2-car garage. 4100 square feet.</p></li>

        <li><p>New 30-year roof, Hardiplank siding, gutters, custom shutters, paint and insulation in May 2011. All windows replaced.</p></li>

        <li><p>Other extras include security system, generator, whole house fan.</p></li>

        <li><p>Beautifully landscaped with sun and shade gardens and stone walls. The creek on 2 sides is spanned by a stone bridge. Highlights include a large magnolia, huge rhododendron, hemlocks and hardwood trees. Irrigation system for lawn and beds.</p></li>

        </ul>
        <br />
        <strong><p><u>Main Floor</u></p></strong>
        <ul>
        <li><p>Gracious entrance foyer with staircase and coat closet.</p></li>

        <li><p>Large Living Room (23 x 15) with vented gas fireplace, double French door leading to screened porch, windows with views of woods and lawn.</p></li>

        <li><p>Large Den (18 x 15 1/2) with vented gas fireplace, custom mantle. Custom wainscoting. Built-in cabinet for TV and stereo, speakers in ceiling. Bookcases, window seat. Walk-in storage closet. Ceiling fan.</p></li>

        <li><p>Open Kitchen (14 x 14) Custom maple island with sink and seating. Corian counters with integrated, oversized double sink. Coffee garage. Double Jenn-Aire ovens, Thermador solid surface cooktop, Miele stainless steel dishwasher. Walk in pantry (8 1/2 x 5) with wine cooler, plumbed for washer and dryer. Breakfast area adjoining (9 1/2 x 9). Sound system.</p></li>

        <li><p>Dining Room (14 x 14) with Brunschwig et Fils wallpaper, door to screened porch and windows overlooking the woods and creek is the perfect place for family dinners and dinner parties.</p></li>

        <li><p>Screened porch (15 x 14) overlooking the woods and creek. Ceiling fan. Brick floor. Enjoyable spot for morning coffee while listening to the birds, as well as evening suppers listening to owls and tree frogs.</p></li>

        <li><p>Office/Library (10 x 9) with built-in bookcases.</p></li>

        <li><p>Powder room. Off of office/library. Schumacher toile wallpaper. Pedestal sink.</p></li>

        </ul>
        <br />
<strong><p><u>Upstairs</u></p></strong>
        <ul>
        <li><p>Generously sized (18 1/2 x 13) master bedroom with 4 windows with plantation shutters, seating area, and 7 1/2 x 4 1/2 entry. Linen closet and 10 1/2 x 5 walk-in cedar closet. Ceiling fan.</p></li>

        <li><p>Master bath (13 x 11) with custom teak cabinetry, heated towel warmer, double lavatories, built-in vanity, soaking tub, separate shower and toilet alcove.  Large (13 x 7 1/2) walk-in closet and dressing area accessed from bathroom. Audio system.</p></li>

        <li><p>Bedroom #2 (14 x 10 1/2) with double closet and views of creek and woods. Ceiling fan.</p></li>

        <li><p>Bedroom #3 (15 x 12) with views of woods and lawn.</p></li>

        <li><p>Bedroom #4 (10 1/2 x 9 1/2) smaller room with lovely views. Ceiling fan. Wired for telephone and fax. Ideal home office or nursery.</p></li>

        <li><p>Hall bath with combination tub-shower, solid surface vanity with integrated sink. Solid surface shower walls.</p></li>

        </ul>
        <br />
<strong><p><u>Lower Level</u></p></strong>
        <ul>
        <li><p>Recreation room (19 1/2 x 13 1/2) with exercise alcove (14 1/2 x 8). Built-in bench storage plus large walk-in storage closet (17 x 9 1/2). Floor to ceiling windows. Full bath with shower.</p></li>

        <li><p>Laundry room (22 x 8) with built-in shelving. Space for extra refrigerator and wine storage.</p></li>

        <li><p>Workshop/mechanical room (23 x 15).</p></li>

        <li><p>Two-car open garage connected to house by breezeway.</p></li>

        </ul>
        <br />
<strong><p><u>Property</u></p></strong>
        <ul>
        <li><p>Secluded lot on .333 acres, with abundant hardwood trees, adjacent to the Greenville Country Club.</p></li>

        <li><p>Private and peaceful wooded setting with mature evergreens, rock walls and spring-fed creek with stone bridge.</p></li>

        <li><p>Meticulously landscaped.  Shade gardens include specimen Lenten roses, numerous varieties of fern, hostas, trillium, and rhododendron. Grounds also have mature boxwood, hydrangeas, gardenia, climbing hydrangea and a large magnolia. There are a herb garden and a daylily garden. The cutting garden with salvias, phlox, Mexican sage, lavender, daisies and veronica can be viewed from the kitchen window.</p></li>

        <li><p>Automated irrigation system with separate ground water meter.</p></li>

        <li><p>Custom grounds lighting</p></li>

        </ul>
        <br />
<strong><p><u>Schools</u></p></strong>
        <ul>
        <li><p>Elementary - Blythe Academy of Languages</p></li>

        <li><p>Hughes Middle School</p></li>

        <li><p>Greenville Senior High School</p></li>

        <li><p>Convenient to Christ Church Episcopal School, St. Joseph's and numerous pre-schools.</p></li>

        </ul>           
    </div>
    <div id="right">

    <div id="slideshow" class="fadein"> <img src="imgs/1.jpg" alt="Mailbox and Driveway and Front View" style="border:3px solid #afa87a;margin-left:-66px;"/> 
      <img src="imgs/2.jpg" alt="Exterior Front" style="border:3px solid #afa87a;margin-left:-120px;"/> 
      <img src="imgs/3.jpg" alt="" style="border:3px solid #afa87a;margin-left:-66px;"/> 
      <img src="imgs/4.jpg" alt="" style="border:3px solid #afa87a;margin-left:-66px;"/> 
      <img src="imgs/5.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/6.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/7.jpg" alt="" style="border:3px solid #afa87a;margin-left:-66px;"/> 
      <img src="imgs/8.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/9.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/10.jpg" alt="" style="border:3px solid #afa87a;margin-left:-66px;"/> 
      <img src="imgs/11.jpg" alt="" style="border:3px solid #afa87a;margin-left:-66px;"/> 
      <img src="imgs/12.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/13.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/14.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/15.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/16.jpg" alt="" style="border:3px solid #afa87a;margin-left:-66px;"/> 
      <img src="imgs/17.jpg" alt="" style="border:3px solid #afa87a;margin-left:-66px;"/> 
      <img src="imgs/18.jpg" alt="" style="border:3px solid #afa87a;margin-left:-66px;"/> 
      <img src="imgs/19.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/20.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/21.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/22.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/23.jpg" alt="" style="border:3px solid #afa87a;margin-left:-66px;"/> 
      <img src="imgs/24.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/25.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/26.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/27.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/28.jpg" alt="" style="border:3px solid #afa87a;margin-left:-66px;"/> 
      <img src="imgs/29.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/30.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/31.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/32.jpg" alt="" style="border:3px solid #afa87a;margin-left:-66px;"/> 
      <img src="imgs/33.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/34.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/35.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/36.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/37.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/38.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/39.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/40.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/41.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/42.jpg" alt="" style="border:3px solid #afa87a;margin-left:-125px;"/> 
      <img src="imgs/43.jpg" alt="" style="border:3px solid #afa87a;margin-left:-66px;"/> 
    </div>
     <!-- <div class="caption">

      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">Mailbox and Driveway and Front View</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Exterior Front</div>
      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">Exterior Front</div>
      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">Property, yard and landscaping</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Property, yard and landscaping</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Property, yard and landscaping</div>
      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">Property, yard and landscaping</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Property, yard and landscaping</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Property, yard and landscaping</div>
      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">Back Exterior View</div>
      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">Screened porch (15x14) overlooking the woods and creek. Ceiling fan. Brick floor. Enjoyable spot for morning coffee while listening to the birds, as well as evening suppers listening to owls and tree frogs.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Screened porch (15x14) overlooking the woods and creek. Ceiling fan. Brick floor. Enjoyable spot for morning coffee while listening to the birds, as well as evening suppers listening to owls and tree frogs.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Screened porch (15x14) overlooking the woods and creek. Ceiling fan. Brick floor. Enjoyable spot for morning coffee while listening to the birds, as well as evening suppers listening to owls and tree frogs.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Screened porch (15x14) overlooking the woods and creek. Ceiling fan. Brick floor. Enjoyable spot for morning coffee while listening to the birds, as well as evening suppers listening to owls and tree frogs.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Two-car open garage connected to house by breezeway.</div>
      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">Side View of the exterior.</div>
      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">Open Kitchen (14 x 14) Custom maple island with sink and seating. Corian counters with integrated, oversized double sink. Coffee garage. Double Jenn-Aire ovens, Thermador solid surface cooktop, Miele stainless steel dishwasher. Walk in pantry (8 ½ x 5) with wine cooler, plumbed for washer and dryer. Breakfast area adjoining (9 ½ x 9). Sound system.</div>
      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">Open Kitchen (14 x 14) Custom maple island with sink and seating. Corian counters with integrated, oversized double sink. Coffee garage. Double Jenn-Aire ovens, Thermador solid surface cooktop, Miele stainless steel dishwasher. Walk in pantry (8 ½ x 5) with wine cooler, plumbed for washer and dryer. Breakfast area adjoining (9 ½ x 9). Sound system.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Open Kitchen (14 x 14) Custom maple island with sink and seating. Corian counters with integrated, oversized double sink. Coffee garage. Double Jenn-Aire ovens, Thermador solid surface cooktop, Miele stainless steel dishwasher. Walk in pantry (8 ½ x 5) with wine cooler, plumbed for washer and dryer. Breakfast area adjoining (9 ½ x 9). Sound system.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Open Kitchen (14 x 14) Custom maple island with sink and seating. Corian counters with integrated, oversized double sink. Coffee garage. Double Jenn-Aire ovens, Thermador solid surface cooktop, Miele stainless steel dishwasher. Walk in pantry (8 ½ x 5) with wine cooler, plumbed for washer and dryer. Breakfast area adjoining (9 ½ x 9). Sound system.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Open Kitchen (14 x 14) Custom maple island with sink and seating. Corian counters with integrated, oversized double sink. Coffee garage. Double Jenn-Aire ovens, Thermador solid surface cooktop, Miele stainless steel dishwasher. Walk in pantry (8 ½ x 5) with wine cooler, plumbed for washer and dryer. Breakfast area adjoining (9 ½ x 9). Sound system.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Open Kitchen (14 x 14) Custom maple island with sink and seating. Corian counters with integrated, oversized double sink. Coffee garage. Double Jenn-Aire ovens, Thermador solid surface cooktop, Miele stainless steel dishwasher. Walk in pantry (8 ½ x 5) with wine cooler, plumbed for washer and dryer. Breakfast area adjoining (9 ½ x 9). Sound system.</div>
      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">(Large) Den (18 x 15 1/2) with vented gas fireplace, custom mantle. Custom wainscoting. Built-in cabinet for TV and stereo, speakers in ceiling. Bookcases, window seat. Walk-in storage closet. Ceiling fan.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">(Large) Den (18 x 15 1/2) with vented gas fireplace, custom mantle. Custom wainscoting. Built-in cabinet for TV and stereo, speakers in ceiling. Bookcases, window seat. Walk-in storage closet. Ceiling fan.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">(Large) Den (18 x 15 1/2) with vented gas fireplace, custom mantle. Custom wainscoting. Built-in cabinet for TV and stereo, speakers in ceiling. Bookcases, window seat. Walk-in storage closet. Ceiling fan.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Dining Room (14 x 14) with Brunschwig et Fils wallpaper, door to screened porch and windows overlooking the woods and creek is the perfect place for family dinners and dinner parties.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Dining Room (14 x 14) with Brunschwig et Fils wallpaper, door to screened porch and windows overlooking the woods and creek is the perfect place for family dinners and dinner parties.</div>
      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">Gracious entrance foyer with staircase and coat closet.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">(Large)Living Room (23 x 15) with vented gas fireplace, double French door leading to screened porch, windows with views of woods and lawn.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">(Large)Living Room (23 x 15) with vented gas fireplace, double French door leading to screened porch, windows with views of woods and lawn.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Office/Library (10 x 9) with built-in bookcases.</div>
      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">Powder room. Off of office/library. Schumacher toile wallpaper. Pedestal sink.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Generously sized (18 ½ x 13) master bedroom with 4 windows with plantation shutters, seating area, and 7 ½ x 4 ½ entry. Linen closet and 10 ½ x 5 walk-in cedar closet. Ceiling fan.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Generously sized (18 ½ x 13) master bedroom with 4 windows with plantation shutters, seating area, and 7 ½ x 4 ½ entry. Linen closet and 10 ½ x 5 walk-in cedar closet. Ceiling fan.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Master bath (13 x 11) with custom teak cabinetry, heated towel warmer, double lavatories, built-in vanity, soaking tub, separate shower and toilet alcove.  Large (13 x 7 1/2) walk-in closet and dressing area accessed from bathroom. Audio system.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Master bath (13 x 11) with custom teak cabinetry, heated towel warmer, double lavatories, built-in vanity, soaking tub, separate shower and toilet alcove.  Large (13 x 7 1/2) walk-in closet and dressing area accessed from bathroom. Audio system.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Master bath (13 x 11) with custom teak cabinetry, heated towel warmer, double lavatories, built-in vanity, soaking tub, separate shower and toilet alcove.  Large (13 x 7 1/2) walk-in closet and dressing area accessed from bathroom. Audio system.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Bedroom #2 (14 x 10 1/2) with double closet and views of creek and woods. Ceiling fan.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Bedroom #2 (14 x 10 1/2) with double closet and views of creek and woods. Ceiling fan.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Bedroom #2 (14 x 10 1/2) with double closet and views of creek and woods. Ceiling fan.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Bedroom #3 (15 x 12) with views of woods and lawn.</div>
      <div style="width:470px;height:145px;background-color:white;margin-top:55px;margin-left:-110px;" class="captext">Bedroom #4 (10 ½ x 9 1/2) smaller room with lovely views. Ceiling fan. Wired for telephone and fax.  Ideal  home office or nursery.</div>
      <div style="width:345px;height:145px;background-color:white;margin-top:180px;margin-left:-60px;" class="captext">Hall bath with combination tub-shower, solid surface vanity with integrated sink.  Solid surface shower walls.</div>

      </div>-->

    </div>
    <div style="clear:both;"></div>
    <div id="footer">
    <br />
            <br />
        <br />
    </div>
   </div>
</body>
</html>

最佳答案

将函数和间隔分开......类似于

var timer = setInterval(runMe, 6500);

function runMe() {
    $('.fadein :first-child').fadeOut(1000)
       .next('img').fadeIn(1000)
       .end().appendTo('.fadein').end();

    $('.pc').text($("img:visible").prop("alt"));
}

function stop() {
    clearInterval(timer);
}

function resume() {
    timer = setInterval(runMe, 6500);
}

Docs for clearInterval() here

注意:完全未经测试 - 但你明白了

根据评论...然后将一些按钮/链接绑定(bind)到功能

$('#stopMe').click(stop);
$('#resumeMe').click(resume);

关于jquery - 需要 JQuery 帮助，暂停和恢复幻灯片放映，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16593560/

文章推荐： javascript - Onerror 即使没有错误仍然运行

文章推荐： c - 如何运行此 DTrace 脚本来分析我的应用程序？

文章推荐： command-line - 在不显示 GUI 窗口的情况下运行 wine

Jquery 幻灯片
我制作了一个 jquery 幻灯片，代码如下: HTML previous Next CSS #slideshow { width: 700px; h
带有播放暂停和下一个上一个按钮的 Javascript 幻灯片
我正在用 Javascript 制作幻灯片，带有播放/暂停和下一个/上一个按钮。我已经设法使用播放/暂停按钮进行幻灯片放映，但现在我想向其中添加“下一个”和“上一个”按钮。有人可以帮我吗？我该怎么做？
JavaScript 幻灯片。另一个目录中图像的Src
我是 Java 脚本新手，我正在尝试为我的页面构建幻灯片。这是我的 html 代码: 和我的 Js 脚本: var numar_ima
jQuery 自动滚动/幻灯片
我可以修改此现有代码以自动滚动列表项以显示内容吗？抱歉，:ul li a {} 链接。也许使用“间隔”方法？ $(document).ready(function(){ $('ul.tab
jQuery 工具 - 幻灯片
我正在尝试熟悉 jQuery 工具 - Flowplayer 中的幻灯片 ( http://flowplayer.org/tools/tabs/slideshow.html )。有没有人提示我如何选择
javascript - 幻灯片 - 返回第一张图片
这个问题在这里已经有了答案: Return to 1st image on slideshow (2 个答案) 关闭 3 年前。有谁知道如何在此幻灯片中添加另一个按钮，使用户在幻灯片放映期间的任何
c# - 架构...幻灯片
我知道这听起来很傻，我可以使用一些现成的解决方案，但我真的很想构建自己的简单图像幻灯片。我在 Silverlight/WPF 中进行应用程序开发已经有一段时间了，但无论出于何种原因，我都无法解决这个问
带有随机第一张图片的 Javascript 幻灯片？
我正在尝试设置此幻灯片脚本，以便显示的第一张图片是随机的(每次我们访问该网站时，我都需要第一张图片是不同/随机的幻灯片)，其余图片可以显示在正确的顺序，没关系。我正在使用 Jon Raasch 的简
javascript - 幻灯片:最后一张图片闪烁页面长度？
我们的 flexslider 上最后一张图片的一小部分在幻灯片加载后立即闪烁整个页面。第一个图像设置为可见，所有其他图像设置为隐藏。插件设置为在页面加载后运行。我认为可能是页面上的其他原因导致了此问题
具有可变超时的 Javascript 幻灯片
我有一个自动幻灯片放映效果很好。但是，我希望能够改变某些幻灯片的速度这是代码: var slideIndex = 0; showSlides(); function showSlides() {
javascript - 幻灯片 - 连续循环
如有任何帮助，我们将不胜感激! 我正在尝试从以下位置实现脚本: www.switchonthecode.com/tutorials/jquery-creating-a-slideshow 但我希望它连
Javascript 幻灯片，图像在第一次播放时跳过？
我用 javascript 创建了以下幻灯片。但是由于某种原因，在第一张图片滑过时，第一张图片刚好移开，而第二张图片进行了“滑动”。任何帮助，将不胜感激。我添加了注释以帮助提高代码的可读性。
c# - Mootools 幻灯片
我正在使用在以下网站在线找到的带缩略图的图像幻灯片。有谁知道我将如何更改此幻灯片，以便将缩略图列在幻灯片的右侧，而不是列在其下方。如果您转到下面的链接，然后单击查看演示，您可以看到我的幻灯片目前是如何
css - 父级背景不过渡(幻灯片)
我希望在悬停链接时有过渡效果。我希望在链接后顺利显示文本。这就是我目前所拥有的: p { border-radius: 1em; padding: 0.5em; backgr
jQuery 幻灯片 div
我喜欢jQuery的幻灯片效果，当你move a cursor on some of products 我正在尝试使用类似的功能实现相同的效果，但有一个区别 - 当我在框上移动光标时，我想显示带有信息
javascript - jQuery 幻灯片
我正在尝试创建自己的幻灯片。以下代码从一张图像淡入另一张图像。我想从 img1.jpg 循环到 img4.jpg，但我不确定如何在每次更改后暂停。 i++;
Javascript Jquery 幻灯片
jquery 中的代码是什么，可以让幻灯片放映在最后一张照片上单击“下一步”后显示第一张照片。我知道我只需要写一次文档准备好，但我还没有这样做，但我会的。这是我的代码
CSS 幻灯片 - 如何添加图像链接？
如何添加指向这些图像的链接。我尝试过多种幻灯片放映方式，但发现当我添加链接时，它开始不显示所有其他图像。在我下面的代码中，我将链接注释掉了。如果我删除链接，图像显示正常。我已经重复了两次图像只是为了
CSS 幻灯片(不同的幻灯片时间)
我似乎无法制作完全可用的 CSS 幻灯片，其中幻灯片的显示时间各不相同。我需要使用多个关键帧还是有其他方法可以做到这一点？如果是，将不胜感激 :^) 最佳答案您可以使用单个关键帧设置和 CSS3 的
标题适合图像的 Javascript 幻灯片
我用 HTML/CSS/JS 制作了这个小幻灯片。大部分都在工作，但有一件事我想不通。当自动滑动打开时，如何使每个图像上方的文本适合 img 本身？现在它只在我手动点击时显示每个 img 的正确

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

jquery - 需要 JQuery 帮助，暂停和恢复幻灯片放映