Trình chiếu ảnh

<div style="margin-top: 1em; font-weight: bold;">Trình chiếu dọc </div>
 Mỗi hình ảnh là siêu liên kết và mở ra trong cửa sổ bật lên hoặc khung nội tuyến.  Hình ảnh thứ nhất và thứ hai mở ra trong cùng một cửa sổ bật lên được gọi là "ảnh", hình ảnh thứ 3 là cửa sổ _blank và hình ảnh thứ 4.
<script type='text/javascript'>
carousel({id:'carousel_3',
          border:'',
          size_mode:'image',
          width:107,
          height:140,
          sides:8,
          steps:8,
          speed:7,
          direction:'top',
          images:['http://dat0007.sextgem.com/trinh-chieu-lat-anh/shockwaveshow-cube/1.jpg',
                  'http://dat0007.sextgem.com/trinh-chieu-lat-anh/shockwaveshow-cube/2.jpg',
                  'http://dat0007.sextgem.com/trinh-chieu-lat-anh/shockwaveshow-cube/3.jpg',
                  'http://dat0007.sextgem.com/trinh-chieu-lat-anh/shockwaveshow-cube/4.jpg'],
          links: ['http://dat0007.sextgem.com',
									'datk007.blogspot.com',
									'http://dat0007.sextgem.com',
									'datk007.blogspot.com'],
          lnk_base:'',
          lnk_targets:['photo', //link target for each link (see: http://www.codingforums.com/showthread.php?t=58814&page=2)
                       'photo',
                       '_blank',
                       '_top.steve' ],
          lnk_attr:['width=700,height=600,top=200,menubar=yes', //window attribute for each pop up (see url above for docs)
                    'width=700,height=600,left=400,scrollbars=yes',
                    'width=750,height=550,left=300,top=100',
                    ''],
          titles:['Opens in \'photo\' window',
                  'Opens in \'photo\' window',
                  'Opens in blank window',
                  'Opens in iframe called "steve"'],
          image_border_width:1,
          image_border_color:'black'
          });
</script>

function carousel(params){
  if(!(params.width>0 && isFinite(params.width)))params.width=100;
  if(!(params.height>0 && isFinite(params.height)))params.height=100;
  if(!(params.sides>2 && isFinite(params.sides)))params.sides=4;
  if(!(params.steps>0 && params.steps<100 && isFinite(params.steps)))params.steps=20;
  if(!(params.speed>0 && isFinite(params.speed)))params.speed=8;
  if(!(params.image_border_width>=0 && isFinite(params.image_border_width)))params.image_border_width=0;
  if(isFinite(params.id)||!params.id)params.id='bad_id_given_'+Math.random();
  
  document.write("<div style='position:relative;overflow:hidden;' id='"+params.id.replace(/[^a-zA-Z0-9]+/g,'_')+"'></div>");
  var cdiv=document.getElementById(params.id.replace(/[^a-zA-Z0-9]+/g,'_'))
  cdiv.style.width=params.width+'px';
  cdiv.style.height=params.height+'px';
  cdiv.style.border=params.border;
  cdiv.style.position='relative';
  cdiv.style.overflow='hidden';
  cdiv.title=params.id;
    
  var counter=0,spinning=true,interval=Math.floor(60000/params.sides/params.steps/params.speed)-5;
  interval=isNaN(interval)?200:interval;
  var img_position=[],images=[],img_dimension=[];
  var img_index=params.images.length+1,img_index_cap=2*params.images.length;
  var faces=Math.ceil(params.sides/2), dimension, direction, targ, attr, faraway;

if(params.titles && params.titles[i] && params.titles[i]!='')
        images[i].title=params.titles[i];
      if(document.all)
        images[i].alt=images[i].title;
      images[i+params.images.length]=images[i];
      if(params.images.length==faces)
        images[i+2*params.images.length]=images[i];
      cdiv.appendChild(images[i]);
      }
  
    var face_size=params.size_mode=='image'?params[dimension]:params[dimension]*Math.sin(Math.PI/params.sides);
    var face_offset=params[dimension]*Math.cos(Math.PI/params.sides)/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)/2-.5;
    var pi_piece=2*Math.PI/params.steps/params.sides;
    for(i=0;i<=params.steps*faces;i++){
      img_dimension[i]=face_size*Math.sin(pi_piece*i);
      img_position[i]=(i<params.steps*params.sides/2)?Math.floor(params[dimension]/2/(params.size_mode=='image'?Math.sin(Math.PI/params.sides):1)-face_offset*Math.cos(pi_piece*i)-img_dimension[i]/2)+'px':faraway;
      img_dimension[i]=img_dimension[i]-2*params.image_border_width>1?Math.ceil(img_dimension[i])-2*params.image_border_width+'px':'1px';
      }
    }
  init();

cdiv.rotate = function(){
    setTimeout('document.getElementById("'+cdiv.id+'").rotate()',interval);
    if(!spinning) return;
    if(++counter>=params.steps){
      counter=0;
      if(++img_index>=img_index_cap)
        img_index=params.images.length;
      }
    images[img_index-faces].style[direction]=faraway;
    for(var i=faces-1;i>=0;i--){
      images[img_index-i].style[direction]=img_position[counter+i*params.steps];
      images[img_index-i].style[dimension]=img_dimension[counter+i*params.steps];
      }
    }
  cdiv.onmouseover=function(){
    spinning=false;
    }
  cdiv.onmouseout=function(){
    spinning=true;
    }
  setTimeout('document.getElementById("'+cdiv.id+'").rotate()',100);
  }
</script>

Trình chiếu dọc

Mỗi hình ảnh là siêu liên kết và mở ra trong cửa sổ bật lên hoặc khung nội tuyến. Hình ảnh thứ nhất và thứ hai mở ra trong cùng một cửa sổ bật lên được gọi là "ảnh", hình ảnh thứ 3 là cửa sổ _blank và hình ảnh thứ 4.

Liên kết trình chiếu ảnh chạy vòng kiểu băng chuyền hiệu ứng 3D độc lạ. Hãy bấm vào demo xem thử

Ảnh sex 4

Ảnh sex 3

Ảnh sex 55

Ảnh sex 54

Ảnh sex 53

Ảnh sex 52

Ảnh sex 50

Ảnh sex 49

Ảnh sex 48

Ảnh sex 47

Ảnh sex 46

Ảnh sex 45

Ảnh sex 44

Ảnh sex 43

Ảnh sex 42

Ảnh sex 41

Ảnh sex 40

Ảnh sex 39

Ảnh sex 38

Ảnh sex 37

Ảnh sex 36

Ảnh sex 35

Ảnh sex 33

Ảnh sex 32

Ảnh sex 31

Ảnh sex 17