在ancher标签内添加动态计数器编号

时间:2017-12-14 17:11:10

标签: php html css wordpress

我这里有一些代码输出以下内容:

enter image description here

基本上我想使用相同的页面锚标签,以便用户可以点击小徽标并获取更大的徽标和信息。

由于它是一个Wordpress网站,我使用了ACF转发器字段来实现这一目标。此转发器字段使后端用户可以添加更多客户端,对于每个客户端,他们可以为图像添加公司名称和段落文本。

然后我重复上面的转发器字段并仅显示图像但使它们更小。

正如您将在下面的代码中看到的那样,我在每张较小的照片周围分配了<a href="#anchor1"></a>,然后在每张较大的照片上方<a name="anchor1"></a>分配了<div class="container client-page-logos-small" > <div class="row"> <h3>Click company to see more</h3> <?php if( have_rows('client_page_logos', 123456) ): ?> <ul class="client-page-logos-small"> <?php while( have_rows('client_page_logos', 123456) ): the_row(); // vars $logo = get_sub_field('client_page_logo'); ?> <a href="#anchor1"> <li class="client-page-logos-small"> <img src="<?php echo $logo['url']; ?>" alt="<?php echo $logo['alt'] ?>" /> </li> </a> <?php endwhile; ?> </ul> <div style="clear: both;"></div> <?php endif; ?> <hr> </div> </div> <div class="container client-page-logos" > <div class="row"> <?php if( have_rows('client_page_logos', 123456) ): ?> <ul class="client-page-logos"> <?php while( have_rows('client_page_logos', 123456) ): the_row(); // vars $logo = get_sub_field('client_page_logo'); $name = get_sub_field('client_name'); $text = get_sub_field('client_text'); ?> <li class="client-page-logos"> <a name="anchor1"></a> <img src="<?php echo $logo['url']; ?>" alt="<?php echo $logo['alt'] ?>" /> <h3><?php echo $name; ?></h3> <p><?php echo $text; ?></p> </li> <?php endwhile; ?> </ul> <?php endif; ?> </div> </div> ..

但是我需要一种数字计算方式,所以当它们出来时它们并非都是锚1它们会成为anchor2,anchor3等等。

有什么想法吗?

private long ZipSizeOracle(int numOfFiles, int totalLengthOfFilenames, int totalSizeOfFiles)
{
    return
        numOfFiles * (
        30 //Local file header
        +
        12 //Data descriptor
        + 
        46 //Central directory file header
        ) 
        + 
        2 * totalLengthOfFilenames //Local file header name + Central directory file header name
        + 
        totalSizeOfFiles //Data size
        + 22 //End of central directory record (EOCD)
        ;
    }

1 个答案:

答案 0 :(得分:1)

您需要添加如下所示的计数器: -

<?php 
  $i = 1;
  while( have_rows('client_page_logos', 123456) ): the_row(); 
  // vars
  $logo = get_sub_field('client_page_logo');
?>

<a href="#anchor<?php echo $i;?>">
    <li class="client-page-logos-small">
        <img src="<?php echo $logo['url']; ?>" alt="<?php echo $logo['alt'] ?>" />
    </li>
</a>

<?php $i++;endwhile; ?>

<?php

  $j = 1;
  while( have_rows('client_page_logos', 123456) ): the_row(); 

  // vars
  $logo = get_sub_field('client_page_logo');
  $name = get_sub_field('client_name');
  $text = get_sub_field('client_text');
?>

<li class="client-page-logos">
    <a name="anchor<?php echo $j;?>"></a>
    <img src="<?php echo $logo['url']; ?>" alt="<?php echo $logo['alt'] ?>" />
    <h3><?php echo $name; ?></h3>
    <p><?php echo $text; ?></p>
</li>

  <?php $j++ ;endwhile; ?>