找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 672|回复: 52

AI制作简单代码音画--切换图片

[复制链接]

93

主题

2009

回帖

1万

积分

镇海神笔

积分
10256
发表于 2024-1-29 08:59:12 | 显示全部楼层 |阅读模式 IP:北京
本帖最后由 湛蓝 于 2024-3-5 08:13 编辑

给AI发布的指令:写一段Html5图片切换代码! AI在一两秒完成,AI称这套代码很简单,下次要给它一点难度试试; AI编制的代码发布在二楼! 图片需要自己上传获取地址!




Image Slider

评分

参与人数 9金币 +78 收起 理由
老钟 + 8 赞一个!
筱亭 + 8 赞一个!
月婵 + 10 赞一个!
庶民 + 10 很给力!
丁香 + 8 赞一个!
娟子 + 8 赞一个!
老谟深虑 + 8 赞一个!
微尘 + 8 赞一个!
风清 + 10 赞一个!

查看全部评分

93

主题

2009

回帖

1万

积分

镇海神笔

积分
10256
 楼主| 发表于 2024-1-29 09:00:46 | 显示全部楼层 IP:北京
本帖最后由 湛蓝 于 2024-1-29 14:04 编辑

AI编制的图片切换代码:(我上传了十张图片,可以按照自己的需求减少或添加图片)
红笔为宽度和高度
粉色是图片地址

其它不要动哦!

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Slider</title>
    <style>
        .slider {
            width: 400px;
            height: 300px;

            overflow: hidden;
            position: relative;
        }
        
        .slider img {
            width: 100%;
            height: auto;
            display: none;
        }
        
        .slider img.active {
            display: block;
        }
        
        @keyframes slide {
            0% {
                opacity: 0;
            }
            20% {
                opacity: 1;
            }
            80% {
                opacity: 1;
            }
            100% {
                opacity: 0;
            }
        }
    </style>
</head>
<body>
    <div class="slider">
        <img src="https://cccimg.com/view.php/6457cc9f48fad46483cd698385168275. jpg" class="active">
        <img src="https://cccimg.com/view.php/f566adcbf009e54fa2e617db90c8cacf. jpg">
        <img src="https://cccimg.com/view.php/b6178ade37dfe054aafc943c8a6cd3e9.jpg">
       <img src="https://cccimg.com/view.php/266f6dfb7abfc0e886c4201f9d71980e.jpg">
        <img src="https://cccimg.com/view.php/0fd7003d804d54f36cbeb1fc6e0d6259.jpg">
        <img src="https://cccimg.com/view.php/5bff2ae7702b0378b8b7f8b67057fed6.jpg">
        <img src="https://cccimg.com/view.php/1c8919f1b95b72a5f7a8c26982a61380.jpg">
       <img src="https://cccimg.com/view.php/a88a2bac27b6d40f86b9dd76e78bddae.jpg">
        <img src="https://cccimg.com/view.php/be258fca41141d5246a70aab46b804a5.jpg">
  <img src="https://cccimg.com/view.php/7a532772776fa61d1e27f6fe680473ea.jpg">
    </div>   

    <script>
        var images = document.querySelectorAll('.slider img');
        var currentIndex = 0;

        setInterval(function() {
            images[currentIndex].classList.remove('active');
            currentIndex = (currentIndex + 1) % images.length;
            images[currentIndex].classList.add('active');
        }, 3000);
    </script>
</body>
</html>

93

主题

2009

回帖

1万

积分

镇海神笔

积分
10256
 楼主| 发表于 2024-1-29 09:01:40 | 显示全部楼层 IP:北京
本帖最后由 湛蓝 于 2024-1-29 09:04 编辑

我们让AI完成其他工作

请预测2024年高考语文作文题


本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

93

主题

2009

回帖

1万

积分

镇海神笔

积分
10256
 楼主| 发表于 2024-1-29 09:01:56 | 显示全部楼层 IP:北京
本帖最后由 湛蓝 于 2024-1-29 09:05 编辑

请规划上海至哈尔滨的自驾旅游方案


从上海出发到哈尔滨的自驾出行方案如下:

第一天:上海出发

早上从上海出发,沿途可以欣赏到江南水乡的美丽风光。经过江苏、安徽等省份,抵达山东境内。在山东境内可以游览泰山、曲阜等著名景点,感受中华文化的博大精深。晚上在山东境内选择一家酒店休息。

第二天:山东出发

早上从山东出发,继续沿京哈高速公路北上,途经辽宁、吉林等省份。在辽宁境内可以游览沈阳故宫、张氏帅府等著名景点,感受东北的历史与文化。在吉林境内可以游览长白山、松花江等自然景观,感受大自然的神奇魅力。晚上在吉林境内选择一家酒店休息。

第三天:吉林出发

早上从吉林出发,继续沿京哈高速公路北上,最终抵达哈尔滨。抵达后可以游览中央大街、圣索菲亚大教堂等著名景点,感受哈尔滨的异国风情和历史文化。晚上在哈尔滨选择一家酒店休息。

以上是一个较为典型的从上海出发到哈尔滨的自驾出行方案,当然,具体的行程安排还需根据个人喜好、时间安排、预算等因素进行调整和安排。在自驾游过程中,需要注意安全驾驶,遵守交通规则,确保行车安全。同时,也要注意景点的游览时间和游览方式,尽可能地保护好自然环境和文化遗产。

93

主题

2009

回帖

1万

积分

镇海神笔

积分
10256
 楼主| 发表于 2024-1-29 09:02:14 | 显示全部楼层 IP:北京
本帖最后由 湛蓝 于 2024-1-29 09:51 编辑

请为老年人制订一份健身饮食表格


AI WPS 表格




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

93

主题

2009

回帖

1万

积分

镇海神笔

积分
10256
 楼主| 发表于 2024-1-29 09:07:46 | 显示全部楼层 IP:北京
本帖最后由 湛蓝 于 2024-1-29 10:36 编辑

请写歌曲《牵手》的同步歌词


[00:00.00] 作词 : 李子恒
[00:01.00] 作曲 : 李子恒
[00:04.02]
[00:05.70]OP:Universal Ms Publ Ltd **
[00:06.09]
[00:22.24]因为爱着你的爱
[00:27.54]因为梦着你的梦
[00:33.05]所以悲伤着你的悲伤
[00:38.24]幸福着你的幸福
[00:44.14]因为路过你的路
[00:49.78]因为苦过你的苦
[00:55.12]所以快乐着你的快乐
[01:00.36]追逐着你的追逐
[01:06.17]
[01:09.15]因为誓言不敢听
[01:14.49]因为承诺不敢信
[01:20.98]所以放心着你的沉默
[01:25.22]去说服明天的命运
[01:31.08]没有风雨躲得过
[01:36.43]没有坎坷不必走
[01:42.09]所以安心的牵你的手
[01:47.29]不去想该不该回头
[01:53.17]
[01:56.92]也许牵了手的手
[02:01.38]前生不一定好走
[02:07.93]也许有了伴的路
[02:12.42]今生还要更忙碌
[02:18.96]所以牵了手的手
[02:23.41]来生还要一起走
[02:28.01]所以有了伴的路
[02:34.45]没有岁月可回头
[02:40.32]
[03:02.24]因为爱着你的爱
[03:07.79]因为梦着你的梦
[03:13.13]所以悲伤着你的悲伤
[03:18.38]幸福着你的幸福
[03:24.18]因为路过你的路
[03:29.73]因为苦过你的苦
[03:35.27]所以快乐着你的快乐
[03:40.47]追逐着你的追逐
[03:46.17]
[03:49.06]也许牵了手的手
[03:54.61]前生不一定好走
[04:00.11]也许有了伴的路
[04:05.61]今生还要更忙碌
[04:11.06]所以牵了手的手
[04:16.67]来生还要一起走
[04:22.17]所以有了伴的路
[04:27.68]没有岁月可回头
[04:33.23]所以有了伴的路
[04:38.73]没有岁月可回头
[04:44.24]
[04:45.31]


93

主题

2009

回帖

1万

积分

镇海神笔

积分
10256
 楼主| 发表于 2024-1-29 09:08:10 | 显示全部楼层 IP:北京
本帖最后由 湛蓝 于 2024-1-29 09:58 编辑

还有,ChatGPT国内免费版,也是一款非常好用的人工智能聊天工具

93

主题

2009

回帖

1万

积分

镇海神笔

积分
10256
 楼主| 发表于 2024-1-29 09:12:43 | 显示全部楼层 IP:北京
本帖最后由 湛蓝 于 2024-1-29 10:37 编辑

AI绘图:

小龙女



AI绘制黛玉葬花(哈哈,这个不好,怎么像村姑)


学无止境


回家的路



荷花女



我是一只小小鸟



可爱猫咪



江南水乡



乡间小路











本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

×

评分

参与人数 5金币 +42 收起 理由
月婵 + 10 赞一个!
丁香 + 8 赞一个!
娟子 + 8 赞一个!
微尘 + 8 赞一个!
老谟深虑 + 8 赞一个!

查看全部评分

140

主题

1万

回帖

4万

积分

超级版主

积分
44241
发表于 2024-1-29 09:45:24 | 显示全部楼层 IP:
欣赏老师精彩有趣的图片制作,这难学吗?老师可写个简单教程指导我们学习吗?
上午好!

93

主题

2009

回帖

1万

积分

镇海神笔

积分
10256
 楼主| 发表于 2024-1-29 10:10:53 | 显示全部楼层 IP:北京
风清 发表于 2024-1-29 09:45
欣赏老师精彩有趣的图片制作,这难学吗?老师可写个简单教程指导我们学习吗?
上午好! ...

谢谢风清老师首席欣赏鼓励,早上好
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|离退休论坛 ( 浙B2-20100176 )

GMT+8, 2024-11-22 15:34 , Processed in 0.075652 second(s), 22 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表