所以我试图在我的网站上创建一个无限滚动动画,但我一直在努力。原始教程在这里,使用 6 个图像,最后重复 4 个以实现无缝过渡。
https://designshack.net/articles/css/infinitephotobanner/
问题是当我添加更多图像时,动画不起作用。我知道那是因为我需要增加宽度和其他变量。在原版中,由于她有 10 张图片(6 张原创图片和 4 张重复图片),每张图片均为 350 像素,而照片横幅为 3550 像素,因此公式应该是图片宽度的 10 倍加上边距的 50 像素。所以我试着这样做开始。
我一直在不断地调整横幅移动的幅度,但本教程没有解释我需要如何计算横幅在不循环的情况下需要移动的距离。在网上看有很多人有同样的问题,除了复制和粘贴某人的代码之外,我还没有找到任何明确的答案。有没有更好的指南可以使用,或者有人可以让我知道我需要调整哪些变量?
另外,如果我将容器宽度从 1000px 更改为更大的宽度,是否还需要调整其他数字?如果是这样,我该如何计算?肯定有比重复观看 1000 次循环并每次稍微改变数字直到像素完美对齐的更好方法吗?如果是这样,那将花费我很长时间,因为我的循环太长了。
如果有帮助,每个图像都是 800 像素 x 308 像素。这是 HTML。任何帮助甚至是学习如何自己解决问题的来源都将不胜感激。
<div id="container">
<div class="photobanner">
<img class="first" src="img1.png" alt="" />
<img src="img2.png" alt="" />
<img src="img3.png" alt="" />
<img src="img4.png" alt="" />
<img src="img5.png" alt="" />
<img src="img6.png" alt="" />
<img src="img7.png" alt="" />
<img src="img8.png" alt="" />
<img src="img9.png" alt="" />
<img src="img10.png" alt="" />
<img src="img11.png" …Run Code Online (Sandbox Code Playgroud) 我正在尝试使用下面的代码来获取位于光标位置的元素,但该元素位于 iframe 内。我认为下面的代码应该在光标位置获取最深的子元素,但它似乎没有做任何事情。我究竟做错了什么?
当页面加载时,我试图单击“将所有内容之一添加到我的购物车”按钮。
from selenium import webdriver
from tkinter import *
from pynput import mouse
from pynput.mouse import Listener
def CheckRightClick(x, y, button, pressed):
if button == mouse.Button.right:
if pressed:
click_window.event_generate("<<quit>>")
print('Getting element')
element_at_cursor_script = 'return document.elementFromPoint(' + str(x) + ',' + str(y) + ');'
element = driver.execute_script(element_at_cursor_script)
print('Element at cursor is ', element)
options = webdriver.ChromeOptions()
driver = webdriver.Chrome(options=options, executable_path=r'C:\Users\David\Desktop\Python\chromedriver_win32'
r'\chromedriver.exe')
url = 'http://store.cardsagainsthumanity.com/'
driver.get(url)
click_window = Tk()
click_prompt = Label(click_window, text='Right click somewhere')
click_prompt.grid(row=0, column=0)
click_window.bind("<<quit>>", lambda …Run Code Online (Sandbox Code Playgroud) javascript python selenium selenium-chromedriver selenium-webdriver