我目前有 1 个 html 文件和 3 个 CSS 文件。每个 CSS 文件代表 3 个不同的主题,基本上代表 3 种不同的颜色,即 1 个红色、1 个蓝色和 1 个黄色。
我在页面刷新时随机加载这 3 个 CSS 文件中的一个,因此每次刷新页面时,您都会获得不同颜色的页面主题。我正在使用 PHP 执行此操作,并且工作正常。我的代码如下:
<link href="css/colours/<?php echo mt_rand(1, 3); ?>.css" rel="stylesheet" type="text/css"/>
我的问题是如何将内联图像与正确的样式表配对,以便当您点击刷新时,用户会看到该主题的正确图像?
每个 CSS 文件将使用 4 个不同的图像,它们必须与正确的颜色相关联,因此如下所示:
- 红色的样式表只能使用 image1.jpg、image2.jpg、image3.jpg 和
- 蓝色_只能使用 image5.jpg、image6.jpg、image7.jpg 和 image8.jpg
- 黄色样式表只能使用 image9.jpg、image10.jpg、image11.jpg 和 image12.jpg
编辑 我不能使用背景图像,因为它是一个响应式网站,并且这些图像在屏幕上完美居中。