中文注册找回密码

斗酒相逢音画设计网

搜索
12
返回列表 发新帖
楼主: 墨香儿 - 

[单图] 【墨香儿单图】看,谁在诗里画上你.

[复制链接]

尘外尘

Rank: 8Rank: 8

UID
166
主题
107
帖子
5746
贡献
23064
阅读权限
255
注册时间
2019-9-26

静水流深小酒窝初心小暖雪谷风车春琉响花曦潮花蕾初响

发表于 2022-8-8 10:50:50 | 显示全部楼层
想问下香宝这单图里添加的特效代码能免费提供么,
效果杠杠滴,特别有味道~

高级会员

Rank: 4

UID
5628
主题
14
帖子
86
贡献
2760
阅读权限
50
注册时间
2022-6-25

乐悠悠

 楼主| 发表于 2022-8-8 14:51:51 | 显示全部楼层
青黛 发表于 2022-8-8 10:50
想问下香宝这单图里添加的特效代码能免费提供么,
效果杠杠滴,特别有味道~

<html>
         <head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<TITLE></TITLE>

<STYLE type="text/css">
#imageSlideshowHolder{
  /* This is a CSS hack in order to get a nice look in IE 5.5 and lower
  In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
  border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
  should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.
  */
  /* CSS HACK */
  width: 1300px; /* IE 5.x */
  width/* */:/**/1300px; /* Other browsers */
  width: /**/1300px;
  
  /* CSS HACK */
  height: 867px; /* IE 5.x */
  height/* */:/**/867px; /* Other browsers */
  height: /**/867px;
  
  background-color:#FFFFFF;
  border:3px solid #FFFFFF;
  position:relative; /* Never change this value */
  
}
.imageInGallery{  
  width:1300px;
  height:867px;
  background-color:#FFFFFF;
  
  /* Never change these 3 value */
  left:0px;
  top:0px;
  position:absolute;
}


#imageSlideshowHolder img{
  position:absolute;
}

</style>
<SCRIPT type="text/javascript">
  

var slideshow2_noFading = false; // Just normal show/hide without fading ?
var slideshow2_timeBetweenSlides = 1500; // Amount of time between each image(1000 = 1 second)
var slideshow2_fadingSpeed = 20; // Speed of fading


/* Don't change any of these values */
var slideshow2_galleryHeigh; // Height of galery
var slideshow2_galleryContainer; // Reference to the gallery div
var slideshow2_galleryWidth; // Width of gallery
var slideshow2_slideIndex = -1; // Index of current image shown
var slideshow2_slideIndexNext = false; // Index of next image shown
var slideshow2_imageDivs = new Array(); // Array of image divs(Created dynamically)
var slideshow2_currentOpacity = 100; // Initial opacity
var slideshow2_imagesInGallery = false; // Number of images in gallery

function getGalleryImageSize(imageIndex)
{
  if(imageIndex==slideshow2_imagesInGallery){   
   showGallery();
  }else{
   var imgObj = document.getElementById('galleryImage' + imageIndex);
   var imgWidth = imgObj.width;
   var imgHeight = imgObj.height;
   if(imgWidth>50){      
    var tmpDiv = document.createElement('DIV');
    tmpDiv.id = 'galleryDiv' + imageIndex;
    tmpDiv.style.visibility = 'hidden';
    tmpDiv.className='imageInGallery';
    slideshow2_galleryContainer.appendChild(tmpDiv);
    tmpDiv.appendChild(imgObj);
    imgObj.style.left = Math.round((slideshow2_galleryWidth - imgWidth)/2)  + "px";
    imgObj.style.top = Math.round((slideshow2_galleryHeight - imgHeight)/2)  + "px";
    tmpDiv.style.visibility = 'hidden';
    slideshow2_imageDivs.push(tmpDiv);
    imageIndex++;
    getGalleryImageSize(imageIndex);
   }else{
    setTimeout('getGalleryImageSize(' + imageIndex + ')',10);
   }
  }  
}

function showGallery()
{
  if(slideshow2_slideIndex==-1)slideshow2_slideIndex=0; else slideshow2_slideIndex++; // Index of next image to show
  if(slideshow2_slideIndex==slideshow2_imageDivs.length)slideshow2_slideIndex=0;
  slideshow2_slideIndexNext = slideshow2_slideIndex+1; // Index of the next next image
  if(slideshow2_slideIndexNext==slideshow2_imageDivs.length)slideshow2_slideIndexNext = 0;
  
  slideshow2_currentOpacity=100; // Reset current opacity
  // Displaying image divs
  slideshow2_imageDivs[slideshow2_slideIndex].style.visibility = 'visible';
  if(navigator.userAgent.indexOf('Opera')<0){
   slideshow2_imageDivs[slideshow2_slideIndexNext].style.visibility = 'visible';
  }
  
  
  if(document.all){ // IE rules
   slideshow2_imageDivs[slideshow2_slideIndex].style.filter = 'alpha(opacity=100)';
   slideshow2_imageDivs[slideshow2_slideIndexNext].style.filter = 'alpha(opacity=1)';
  }else{
   slideshow2_imageDivs[slideshow2_slideIndex].style.opacity = 0.99; // Can't use 1 and 0 because of screen flickering in FF
   slideshow2_imageDivs[slideshow2_slideIndexNext].style.opacity = 0.01;
  }  

  setTimeout('revealImage()',slideshow2_timeBetweenSlides);  
}

function revealImage()
{
  if(slideshow2_noFading){
   slideshow2_imageDivs[slideshow2_slideIndex].style.visibility = 'hidden';
   showGallery();
   return;
  }
  slideshow2_currentOpacity--;
  if(document.all){
   slideshow2_imageDivs[slideshow2_slideIndex].style.filter = 'alpha(opacity='+slideshow2_currentOpacity+')';
   slideshow2_imageDivs[slideshow2_slideIndexNext].style.filter = 'alpha(opacity='+(100-slideshow2_currentOpacity)+')';
  }else{
   slideshow2_imageDivs[slideshow2_slideIndex].style.opacity = Math.max(0.01,slideshow2_currentOpacity/100); // Can't use 1 and 0 because of screen flickering in FF
   slideshow2_imageDivs[slideshow2_slideIndexNext].style.opacity = Math.min(0.99,(1 - (slideshow2_currentOpacity/100)));
  }
  if(slideshow2_currentOpacity>0){
   setTimeout('revealImage()',slideshow2_fadingSpeed);
  }else{
   slideshow2_imageDivs[slideshow2_slideIndex].style.visibility = 'hidden';   
   showGallery();
  }
}

function initImageGallery()
{
  slideshow2_galleryContainer = document.getElementById('imageSlideshowHolder');
  slideshow2_galleryWidth = slideshow2_galleryContainer.clientWidth;
  slideshow2_galleryHeight = slideshow2_galleryContainer.clientHeight;
  galleryImgArray = slideshow2_galleryContainer.getElementsByTagName('IMG');
  for(var no=0;no<galleryImgArray.length;no++){
   galleryImgArray[no].id = 'galleryImage' + no;
  }
  slideshow2_imagesInGallery = galleryImgArray.length;
  getGalleryImageSize(0);  
  
}
  
</SCRIPT>
</head>
<body>
<div id="imageSlideshowHolder">
<img src="http://webftp.bbs.hnol.net/moxianger/特效/特效单图2.jpg">
<img src="http://webftp.bbs.hnol.net/moxianger/特效/特效单图1.jpg">


        <img src="http://webftp.bbs.hnol.net/moxianger/特效/特效单图1.jpg">

  
<SCRIPT type="text/javascript">
initImageGallery();
</SCRIPT>
</body>
</html>
      
发你了
本帖评分记录贡献 收起 理由
只道寻常 + 20 花花飞啊飞。。。
曾经三十六计,走为上策。但此刻,我仅明白沉默是最好的一计。愿眉上风轻,这落墨的一笔,是我的纯情不可搁置。

尘外尘

【小酒窝_蓝蓝】

Rank: 8Rank: 8

UID
172
主题
282
帖子
16752
贡献
62685
阅读权限
255
注册时间
2019-10-4

自游自在小仙女开心哇好心情小资情调莫失莫忘好运风车我爱我家一米阳光乐悠悠欢喜猫快乐熊棉花糖花香精灵静水流深燃情首发小酒窝初心小暖雪谷风车春的花信春琉响花曦潮星雪珞花蕾初响风谷晴天

发表于 2022-8-8 15:59:44 | 显示全部楼层
码字字儿境境儿么子的美滴紧呐,点赞赞飞花花学习喽

尘外尘

【小酒窝_蓝蓝】

Rank: 8Rank: 8

UID
172
主题
282
帖子
16752
贡献
62685
阅读权限
255
注册时间
2019-10-4

自游自在小仙女开心哇好心情小资情调莫失莫忘好运风车我爱我家一米阳光乐悠悠欢喜猫快乐熊棉花糖花香精灵静水流深燃情首发小酒窝初心小暖雪谷风车春的花信春琉响花曦潮星雪珞花蕾初响风谷晴天

发表于 2022-8-8 16:00:25 | 显示全部楼层
香儿宝宝刷图图快乐,云荷六周年快乐,大家家一道儿加油冲冲冲

尘外尘

Rank: 8Rank: 8

UID
166
主题
107
帖子
5746
贡献
23064
阅读权限
255
注册时间
2019-9-26

静水流深小酒窝初心小暖雪谷风车春琉响花曦潮花蕾初响

发表于 2022-8-11 12:53:09 | 显示全部楼层
墨香儿 发表于 2022-8-8 14:51
#imageSlideshowHolder{
  /* This is a CSS hack in order to get a nice look ...

哇,太棒了呢,谢谢香宝,么么哒
秋天快乐,玩图快乐~

尘外尘

【酒窝气氛组成员】

Rank: 8Rank: 8

UID
31
主题
86
帖子
2622
贡献
27281
阅读权限
255
注册时间
2018-9-21

静水流深小酒窝初心小暖雪谷风车春琉响花曦潮花蕾初响

发表于 2022-9-3 08:54:34 | 显示全部楼层
这美女特别有带感,喜欢喜欢,做头像正好

高级会员

Rank: 4

UID
5628
主题
14
帖子
86
贡献
2760
阅读权限
50
注册时间
2022-6-25

乐悠悠

 楼主| 发表于 2022-9-3 11:43:41 | 显示全部楼层
竽梵 发表于 2022-9-3 08:54
这美女特别有带感,喜欢喜欢,做头像正好

哪老师做头像吧,我也喜欢
曾经三十六计,走为上策。但此刻,我仅明白沉默是最好的一计。愿眉上风轻,这落墨的一笔,是我的纯情不可搁置。
使用高级回帖 (可批量传图、插入视频等)

发表回复

游客
请先登录
您需要登录后才可以回帖 登录 | 中文注册

本版积分规则   Ctrl + Enter 快速发布  

Powered by Discuz! X3.4  本站已快乐运行: |
Copyright © 2008-2020 Www.Fqingy.Com All Rights Reserved.
快速回复 返回顶部 返回列表