javascript - Change responsive slider height with scale transition -


i know how make rslides style transition scale transition way clients div changing after clients link clicked, here fiddle:

http://jsfiddle.net/vladicorp/ktqfq/1/

html code: 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <div id="container"> <div id="sections">     <div id="slider">         <div id="index_slider">                  <ul class="rslides" >                              <li><img src="http://www.emocool.com/work/slide2.jpg"></li>                              <li><img src="http://www.emocool.com/work/slide2.jpg"></li>                                        </ul></div></div> <script src="http://www.emocool.com/work/js/responsiveslides.min.js"></script> <script>   $(function() {     $(".rslides").responsiveslides({     speed: 1000,     maxwidth: 1200       });   }); </script>  <div id="menu"><a href="#sections">clients</a>  </div>  <div id="clients">gfgd</div> <div id="services"></div> <div id="portfolio"></div> <div id="contacts"></div>         </div></div>

css code:

body {     margin-left: 0px;     margin-top: 0px;     margin-right: 0px;     margin-bottom: 0px;     background:#fff; } @media (min-width: 1200px)  { #container {     width:1200px;     height:100%;     margin: 0 auto;     z-index:40;     position:relative;  }} @media (max-width: 1200px)  { #container {     width:100%;     height:100%;     margin: 0 auto;     z-index:40;     position:relative; }}  .rslides {   position: relative;   list-style: none;   overflow: hidden;   width: 100%;   padding: 0;   margin: 0;     transition:all 1s ease;      }  .rslides li {   -webkit-backface-visibility: hidden;   position: absolute;   display: none;   width: 100%;   left: 0;   top: 0;   }  .rslides li:first-child {   position: relative;   display: block;   float: left;   }  .rslides img {   display: block;   height: auto;   float: left;   width: 100%;   border: 0;   }  #index_slider {   width:100%;   position: relative;   float: left;     } #slider { margin: 0 auto;   }  {     color:#fff;  }  /* menu styles */   #menu {     background:#181818;     color:#6e7166;     height:63px;     width:100%;     float:left;     position:relative;  }  /* sections */       #sections {         transition:all 1s ease;      }      #clients {         height:44px;         background:#333;         position:relative;         float:left;      }       #sections:target #clients {         height:90px;         background:#333;         transition:all 1s ease;     }      #sections:target .rslides {         height:0px;         transition:all 1s ease;     }

adding height of slides fixed it: 

.rslides {   position: relative;   list-style: none;   overflow: hidden;   width: 100%;   padding: 0;   margin: 0;     transition:all 1s ease;   height:432px;    }

-

Comments

Post a Comment

Popular posts from this blog

php - regexp cyrillic filename not matches -

i take list of files php glob(."*.pdf") . files have cyrillic names. example: ООО «Рога и копыта» then load company names database , try find them in file names: preg_match("/$firm_name/ui", $file_name, $match); i have problem: firms if $firm_name visually similar $file_name , preg_match says there no match. mb_detect_encoding both variables return utf-8. there problem in file name, or maybe there encoding or something, can not understand, ask help. upd: $file_name='ООО «Рога и копыта»'; preg_match("/... .Рога и копыта./ui", $file_name, $match); as result, ОО «Рога и копыта» , 1 О missing
Read more

c# - OpenXML hanging while writing elements -

Image
i have program pulls data database, caches file , exports data multiple formats (excel, excel 2003, csv). i'm using openxml sdk 2.0 excel work. these export processes run in parallel (using parallel.foreach ), , amount of data can pretty large - e.g. csvs 800mb. during these larger exports, i've noticed writing of xml documents hang. instance, if have 8 exporting in parallel, @ point "pause". hang around same point: //this.writer openxmlwriter created worksheetpart. this.writer.writeelement(new cell() { cellvalue = new cellvalue(value), datatype = cellvalues.string }); when happens, pause debugger (vs2013 in case) , notice threads blocking around same portion of code - bit deeper in openxml sdk - stem call openxmlwriter.writeelement . i dug through source using justdecompile didn't find answers. appears there intermediary stream in use writing isolated storage , is, reason, blocking. underlying stream each of these filestream . here screenshot ...
Read more

sql - Select Query has unexpected multiple records (MS Access) -

i may tired, can't seem figure out happening. have 2 queries. query 1 has 10 fields. query 2 has 5 fields. fields 1 through 3 same in both queries. trying write select query , simple add field 5 query2 query1 result should query1 additional field (query2.field5). i join first 3 fields both queries , choose select records in query1 , in query2 match. don't know sql, use query designer. expect same number of records have query 1 instead have 3 times or more. can tell me doing wrong. tried reversing joins still seem same records. thanks in advance. here query: the fields in common divisionname , supplierid = vendorid , commodityname . select [part revenue exposed query p1].divisionname, [part revenue exposed query p1].commodityname, [part revenue exposed query p1].suppliername, [part revenue exposed query p1].partnumber, [part revenue exposed query p1].partdescription, [part revenue exposed query p1].bucode, ...
Read more