随机图像

Question

我有一个显示一个随机图像这个小脚本，它是回声ALT属性：

<img src="<?php echo bloginfo('template_url');?>/img/members/00<?php $random = rand(1,7); echo $random; ?>.jpg"alt="[ Random Image ]"> 

这使得在脚本中的图片src src="example.com/images/001.jpg" alt="[ Random Image ]">（1,7）增加的数图片001.jpg至007.jpg。

现在我想要将"[ Random Image ]"更改为"$my_alt"并让它在<h2 class="myAlt">...</h2>标记中显示（回显）图像的alt属性。

我不是一个编码器，所以我真的不知道该怎么做。我相信我首先需要给my_alt一个价值。因此，我将通过去：

if {image src="example.com/images/001.jpg" $my_alt = "My first Alt"} else if {image src="example.com/images/002.jpg" $my_alt = "My second Alt"}

，然后我想要的ALT值放置添加代码： <h2 class="myAlt"><?php echo $my_alt(); ?></h2>

我这样做是正确的，这是正确的方式走？就像我说的，我不擅长编码，所以谢谢你的帮助。

Answer 1

我收到了你的问题。试试这个，看看它的工作原理：

<!-- I am gonna make a sample template so that you may understand how to use my solution for your specific issue --> 
<div class="imageContainer"> 
    <img src="something" alt="Image1" /> 
    <h2 class="myAlt"></h2> 
</div> 
<div class="imageContainer"> 
    <img src="something" alt="Image2" /> 
    <h2 class="myAlt"></h2> 
</div> 
<div class="imageContainer"> 
    <img src="something" alt="Image3" /> 
    <h2 class="myAlt"></h2> 
</div> 
<div class="imageContainer"> 
    <img src="something" alt="Image4" /> 
    <h2 class="myAlt"></h2> 
</div> 

<script> 
$('.imageContainer').each(function(){ 
    $(this).find('.myAlt').html($(this).find('img').attr('alt')); 
}); 
</script> 

它会显示每个图像下方的相应alt。

特定两幅图像

// giving alt dynimically 
    $('img').each(function(){ 
     if($(this).attr('src')==='image 001.jpg'){ 
      $(this).attr('alt','person x'); 
     } 
     else if($(this).attr('src')==='image 002.jpg'){ 
      $(this).attr('alt','person y'); 
     } 
    }); 

它只是一个想法，你需要对其进行修改以满足您的特定问题。祝你好运。 我希望它有帮助

Answer 2

我将创建与所有图像及其ALT秒的阵列，然后选择其中之一，并显示它：

<?php 
$images = [ 
    ['file' => '001.jpg', 'alt' => 'My first alt'], 
    ['file' => '002.jpg', 'alt' => 'My second alt'], 
    ['file' => '003.jpg', 'alt' => 'My third alt'], 
    # add more files below 
]; 
$rand = mt_rand(0, count($images) - 1); 
?><img src="<?php echo bloginfo('template_url');?>/img/members/<?php echo $images[$rand]['file']; ?>" alt="<?php echo $images[$rand]['alt']; ?>">