怎么把这个淘宝图片代码生成器一张图片

用js实现的一个Flash滚动轮换显示图片代码生成器-广告代码
复制代码 代码如下:&!--文件头模板--& &SCRIPT src=top.js&&/SCRIPT& &SCRIPT language=javascript& writeTop('Flash滚动显示图片代码生成',''); &/SCR
复制代码 代码如下:&!--文件头模板--& &SCRIPT src=top.js&&/SCRIPT& &SCRIPT language=javascript&
writeTop('Flash滚动显示图片代码生成',''); &/SCRIPT& &!--以下为内容--& &SCRIPT& //运行代码 function runEx(cod1) {
cod=document.getElementById(cod1)
var code=cod.
if (code!=""){
var newwin=window.open('','','');
newwin.opener = null
newwin.document.write(code);
newwin.document.close();
} } //复制代码 function doCopy(ID) {
if (document.all){
textRange = document.getElementById(ID).createTextRange();
textRange.execCommand("Copy");
alert("此功能只能在IE上有效")
} } //展开_收起段落 function close_open(theID){
if(document.getElementById(theID).style.display!='none') {
document.getElementById(theID).style.display='none';
document.getElementById(theID).style.display='block'; } &/SCRIPT& &SCRIPT language=javascript&
//生成代码
function genCode()
var html='';
var picUrl='';
var picLink='';
var picTitle='';
var picWidth=0;
var picHeight=0;
var titleHeight=0;
var backgroudn='';
var tempUrl='';
var tempLink='';
var tempTitle='';
for(i=0;i&9;++i){
tempUrl=document.getElementById('picUrl_'+(1+i)).
tempLink=document.getElementById('picLink_'+(1+i)).
tempTitle=document.getElementById('picTitle_'+(1+i)).
if(tempUrl == '')
if(tempLink == '')tempLink=tempU
if(tempTitle == '')tempTitle='无题';
picUrl += tempUrl + '|';
picLink += tempLink + '|';
picTitle += tempTitle + '|';
picUrl = picUrl.substring(0,picUrl.length-1);
picTitle = picTitle.substring(0,picTitle.length-1);
picLink = picLink.substring(0,picLink.length-1);
picWidth = parseInt(document.getElementById('picWidth').value);
picHeight=parseInt(document.getElementById('picHeight').value);
titleHeight = parseInt(document.getElementById('titleHeight').value);
backgroudn = document.getElementById('backgroudn').
html += '&EMBED pluginspage=/go/getflashplayer src=/PicPlay.swf';
html += ' width=' + picW
html += ' height=' + (picHeight + titleHeight);
html += ' type=application/x-shockwave-flash WMODE="opaque" FLASHVARS="';
html += 'pics='+picU
html += '&links='+picL
html += '&texts='+picT
html += '&borderwidth=' + picW
html += '&borderheight=' + picH
html += '&textheight=' + titleH
html += '" MENU="false"';
html += ' BGCOLOR="' +
html += '" QUALITY="high" ALLOWSCRIPTACCESS="sameDomain"&&/EMBED&';
document.getElementById('ShowCode').value =
show.innerHTML =
} &/SCRIPT& &div style="margin-top:5background:#9abcde"& &div style='cursor:hand' onclick=close_open('edit')&&li&设置&/li&&/div& &div id='edit' style="margin-left:15 display:"&
&div style="background:#cdcdcd"&
图片显示宽度:&input size=10 id=picWidth title="图片显示宽度" value="300"&&/input&
图片显示高度:&input size=10 id=picHeight title="图片显示高度" value="200"&&/input&
文字区域高度:&input size=10 id=titleheight title="文字区域高度" value="20"&&/input&
背景色:&input size=10 id=backgroudn title="背景色" value='#cdcdcd'&&/input&
&div style="background:#eeeeee"&
&input maxlength=2048 size=25 id=picUrl_1 value="/diner1.jpg" title="图片URL地址"&&/input&
链接地址:&input maxlength=2048 size=25 id=picLink_1 value="" title="链接地址"&&/input&
说明:&input maxlength=2048 size=20 id=picTitle_1 value="「夜宴」搞恶图片1" title="说明"&&/input&
&div style="background:#cdcdcd"&
&input maxlength=2048 size=25 id=picUrl_2 value="/diner2.jpg" title="图片URL地址"&&/input&
链接地址:&input maxlength=2048 size=25 id=picLink_2 value="" title="链接地址"&&/input&
说明:&input maxlength=2048 size=20 id=picTitle_2 value="「夜宴」搞恶图片2" title="说明"&&/input&
&div style="background:#eeeeee"&
&input maxlength=2048 size=25 id=picUrl_3 value="/diner4.jpg" title="图片URL地址"&&/input&
链接地址:&input maxlength=2048 size=25 id=picLink_3 value="" title="链接地址"&&/input&
说明:&input maxlength=2048 size=20 id=picTitle_3 value="「夜宴」搞恶图片3" title="说明"&&/input&
&div style="background:#cdcdcd"&
&input maxlength=2048 size=25 id=picUrl_4 value="/diner7.jpg" title="图片URL地址"&&/input&
链接地址:&input maxlength=2048 size=25 id=picLink_4 value="" title="链接地址"&&/input&
说明:&input maxlength=2048 size=20 id=picTitle_4 value="「夜宴」搞恶图片4" title="说明"&&/input&
&div style="background:#eeeeee"&
&input maxlength=2048 size=25 id=picUrl_5 value="/diner8.jpg" title="图片URL地址"&&/input&
链接地址:&input maxlength=2048 size=25 id=picLink_5 value="" title="链接地址"&&/input&
说明:&input maxlength=2048 size=20 id=picTitle_5 value="「夜宴」搞恶图片5" title="说明"&&/input&
&div style="background:#cdcdcd"&
&input maxlength=2048 size=25 id=picUrl_6 value="/diner12.jpg" title="图片URL地址"&&/input&
链接地址:&input maxlength=2048 size=25 id=picLink_6 value="" title="链接地址"&&/input&
说明:&input maxlength=2048 size=20 id=picTitle_6 value="「夜宴」搞恶图片6" title="说明"&&/input&
&div style='cursor:hand' onclick=close_open('editmore')&&li&更多(推荐6张以下,否则说明将看不到)&/li&&/div&
&div id='editmore' style='display:'&
&div style="background:#eeeeee"&
&input maxlength=2048 size=25 id=picUrl_7 value="" title="图片URL地址"&&/input&
链接地址:&input maxlength=2048 size=25 id=picLink_7 value="" title="链接地址"&&/input&
说明:&input maxlength=2048 size=20 id=picTitle_7 value="" title="说明"&&/input&
&div style="background:#cdcdcd"&
&input maxlength=2048 size=25 id=picUrl_8 value="" title="图片URL地址"&&/input&
链接地址:&input maxlength=2048 size=25 id=picLink_8 value="" title="链接地址"&&/input&
说明:&input maxlength=2048 size=20 id=picTitle_8 value="" title="说明"&&/input&
&div style="background:#eeeeee"&
&input maxlength=2048 size=25 id=picUrl_9 value="" title="图片URL地址"&&/input&
链接地址:&input maxlength=2048 size=25 id=picLink_9 value="" title="链接地址"&&/input&
说明:&input maxlength=2048 size=20 id=picTitle_9 value="" title="说明"&&/input&
&/div& &/div& &div&
&input type=button onclick='javascript:genCode();' value=生成代码&
&/input& &/div& &/div& &div style="margin-top:5background:#9abcde"& &div onclick=close_open('code') style='cursor:hand'&&li&代码&/li&&/div& &div id='code' style='margin-left:15display:'& &TEXTAREA rows="15" id="ShowCode" style="width:100%"& &!--此处显示结果代码--& &/TEXTAREA& &/div& &div&
&INPUT onclick="runEx('ShowCode')" type="button" value="运行此代码"/&
&INPUT onclick="doCopy('ShowCode')" type="button" value="复制此代码"/&
&/div& &/div& &div style="margin-top:5background:#9"&
&div onclick=close_open('show') style='cursor:hand'&&li&显示效果&/li&&/div&
&div id='show' title="显示效果" align=center style="margin-left:15display:background:#abcdef"&
&/div& &/div& &/div&android通过bitmap生成新图片关键性代码
字体:[ ] 类型:转载 时间:
android通过bitmap生成新图片具体实现如下,感兴趣的朋友可以参考下哈,希望对你有所帮助
1、关键性代码
代码如下: //R.drawable.test为当前工程里的一张图片 Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.test); FileOutputStream fos = try { File file = new File("/mnt/sdcard/testfile"); if (!file.exists()) { file.mkdir(); } fos = new FileOutputStream("/mnt/sdcard/testfile/test.jpg"); // pressFormat.PNG <pressFormat.JPEG, 100, fos); } catch (FileNotFoundException e) { e.printStackTrace(); }
代码如下: &uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /& &uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS" /&
附:最近写的一个小程序,是关于图片缩放的,缩放完成后可以在本地生成新的图片,这个只能在资源里下载了
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具在线制作图片浏览器 (代码生成器)
我的图书馆
在线制作图片浏览器 (代码生成器)
图片浏览器示例&
  这是一款制作音画的工具,它能帮助你轻松地制作一款属于自己的画。只要准备好图片网址,就可以开始制作了。制作中,可以确定图片切换时间;选择图片切换时使用特效的方式(全部特效、部分特效,无特效);能为每一张图片配上解说词;每一张图片可放置七款动画。  操作提示:
  一、图片尺寸
  图片尺寸默认880*550,最大尺寸为。最好选用统一尺寸的图片。如使用尺寸不一的图片,请选择一种尺寸作为基准尺寸。浏览器自动将其他尺寸以基准尺寸进行相应的缩放。当其他尺寸宽高比例不同基准宽高比例时会裁剪部分图片。选定后请修改“图片尺寸”的高度、宽度。
  二、图片网址
  输入图片网址时,一个网址一行。可容数万张图片。
  图片网址必须是可供外链的。建议将图片上传到或可得到图片网址。如果博友有上传图片获取可供外链网址的网站,请在“评论”中告知共享,彩云归在此谢谢!
  三、图片切换特效
  1、选择特效组合:提供110款切换特效,可任意挑选1至N款你喜欢的特效进行组合。选择方法:拉动特效菜单滚动条,点击特效名称即可。
  2、选择全部特效:默认为选择全部特效,不要做任何操作即可。
  3、图片切换不需要任何特效:在选择框里输入NO或no
  四、图片之间切换时间:默认2秒。即2秒之后显示下一张图片。可修改时间,确定图片显示时间。
  五、图片透明度:默认100%,即不透明。低于100%用作朦胧图片与其他背景相交。
  六、运行切换特效顺序:默认随机顺序。点击“⑥随机运行切换特效”右边方框,当框内无勾状态即设置成按编号顺序运行切换特效。
  七、图片配解说词
  图片不配解说词(默认),无需操作。
  欲配解说词,点击“⑦图片配解说词”右边方框,进入“图片配解说词设置”画面。可设置解说词、文字框大小、解说词位置,以及文字对齐方式、字体、字号、颜色等。画面有操作说明。
  八、图片配动画
  图片不配动画(默认),无需操作。
  欲配动画,点击“⑧图片配动画“右边方框,进入“图片配动画”画面。每一张图片最多可配七个动画。可拖动动画,轻易确定每个动画在图片中的位置、可放大、缩小动画。除配用《在线制作图片浏览器(代码生成器)》提供的二千多款动画外,可自行配用动画。
  图片配动画操作:
  1、初次进入画面,出现第一张图片。
  2、设置第一个动画
  使用提供动画:点击”特效1“,出现提供的动画清单→点击选择动画分类→点击选择动画。
  使用自定义动画:在”当前特效“栏,输入动画网址。
  如果动画网址有效,动画立即出现在图片中→点击一次”放大“(或”缩小“)动画按”步长“的值(该值可修改)进行缩放→拖动动画到所需位置。
  3、设置第二至第七个动画分别点击”特效1“至”特效7“,其他操作同设置第一个动画。
  说明:特效1的动画在最低层,特效7的动画在最高层。即特效7的动画会覆盖其他动画。
  4、其他图片配动画,点击”下一张“或”上一张“,配动画操作同2、3、的操作。
  5、配动画过程,随时可点击”清单“,关闭或消失动画清单。
  6、配动画过程,随时可修改配过的动画。点击”下一张“或”上一张“找到要修改动画所在的图片,点击”特效n(1-7)“找到要修改的动画,重配或修改位置、大小。
  7、设置完成后,按”返回“,回到主画面。
  九、生成代码
  制作过程自动生成博客用的代码。点击”复制“,自动将代码复制到你电脑系统的”粘贴板“上了。只要打开博客,在代码编辑区,做个”粘贴“操作,预览一下你制作的成果。
馆藏&10853
TA的推荐TA的最新馆藏

我要回帖

更多关于 图片生成代码 的文章

 

随机推荐