How can PHP be used to create a seamless and user-friendly banner rotation feature on a website?

To create a seamless and user-friendly banner rotation feature on a website using PHP, you can store the banner images in an array and use JavaScript to rotate them at regular intervals. This can be achieved by creating a PHP script that generates the necessary JavaScript code to display the banners in a rotating manner. 

<?php
$banners = array('banner1.jpg', 'banner2.jpg', 'banner3.jpg', 'banner4.jpg');

echo '<script>';
echo 'var currentBanner = 0;';
echo 'var banners = ' . json_encode($banners) . ';';
echo 'function rotateBanner() {';
echo 'document.getElementById("banner").src = banners[currentBanner];';
echo 'currentBanner = (currentBanner + 1) % banners.length;';
echo 'setTimeout(rotateBanner, 5000);'; // Rotate every 5 seconds
echo '}';
echo 'rotateBanner();';
echo '</script>';
?>

<img id="banner" src="<?php echo $banners[0]; ?>" alt="Banner">

Keywords

PHP banner rotation website user-friendly seamless

Related Questions