python3 图片循环播放

Posted 2023-04-27

from tkinter import *
from PIL import Image, ImageTk
import time
root = Tk()
image_frame = Frame(root)
dizhi=("C:\\Python34\\石头剪刀布\\1.jpg","C:\\Python34\\石头剪刀布\\2.jpg")

for x in dizhi:

image_file = Image.open(x)
print(x)
im = ImageTk.PhotoImage(image_file)
image_label = Label(image_frame,image = im).pack(side = LEFT,padx = 5)
image_frame.pack()

root.mainloop()
这是我写的大概意思，是错误的。我想要图片在一个矩形区域里无限循环，直到一个指令才终止。应该怎么写？

参考技术A from Tkinter import *
import ImageTk
root = Tk()
img = ImageTk.PhotoImage(file='bg.jpg')
Label(root, text="abc", image=img).pack(side="top")
root.mainloop()追问

可以写详细点吗？比如加上图片地址什么的，我纯小白，还有你这个跟我的不是一样吗？循环都没有写出来。

图片循环播放

使用 pageSwitch插件  多种效果

1. 引入  jquery.js 和 pageSwitch.min.js  

   <script src="js/jquery-1.11.0.min.js"></script>
   <script src="dist/pageSwitch.min.js"></script>
   

   　　

2. 在页面定义标签

   <div id="container">
   	<div class="sections">
   		<div class="section" id="section0"><h3>this is the page1</h3></div> //h3可以自定义名称  如果不需要可以删掉
   		<div class="section" id="section1"><h3>this is the page2</h3></div>
   		<div class="section" id="section2"><h3>this is the page3</h3></div>
   		<div class="section" id="section3"><h3>this is the page4</h3></div>
   	</div>
   </div>
   

   　　

3. 给div加上图片  加上css  可以自定义修改

   *{
           padding: 0;
           margin: 0;
       }
       html,body{
           height: 100%;
       }
       #container {
               width: 100%;
               height: 500px;
               overflow: hidden;
       }
       .sections,.section {
           height:100%;
       }
       #container,.sections {
           position: relative;
       }
       .section {
           background-color: #000;
           background-size: cover;
           background-position: 50% 50%;
           text-align: center;
           color: white;
       }
       #section0 {
           background-image: url(\'images/1.jpg\');
       }
       #section1 {
           background-image: url(\'images/2.jpg\');
       }
       #section2 {
           background-image: url(\'images/3.jpg\');
       }
       #section3 {
           background-image: url(\'images/4.jpg\');
       }

    

4. 最后加上一段 javascript

   <script>
   	$("#container").PageSwitch({
   		direction:\'horizontal\',  // 页面切换
   		easing:\'ease-in\',   
   		duration:1000,      //int 页面过渡时间
   		autoPlay:true,  //bool 是否自动播放幻灯 新增
   		loop:\'false\'   //bool 是否循环切换
   	});
   </script>
   

   　　

5. 效果图