Use HTML in next_image_link and previous_image_link

  • Hey guys,

    I’m trying to have a custom graphic for my previous/next gallery links, however if you provide this function with a custom string it seems to convert your HTML to entities.

    This means the HTML literally appears on the page so users can read it, rather than being outputted as an actual image.

    Is there a way to make this function output HTML, or am I going to need to resort to some kind of post-output filter to do it? Here is what I’m using:

    <?php next_image_link(false, '<img src="next.png" alt="Next" />'); ?>

    Hope someone can help! ??

Viewing 2 replies - 1 through 2 (of 2 total)

  • That’s because that template tag isn’t capable of handing markup as part of it’s parameters. Anlternative approach might be to use something like:

    <ul class="prevnext">
<li class="prev_img"><?php previous_image_link(); ?></li>
<li class="next_img"><?php next_image_link();?></li>
</ul>

    Then use CSS to add background images etc:

    .prevnext {
	margin:20px 0;
	padding:0;
	text-align:center;
}
.prevnext li {
	margin:0;
	padding:0 10px;
	display:inline;
}
.prevnext .next a {
	padding:0 20px 0 10px;
	background:url(images/next-img.gif) no-repeat center right;
}
.prevnext .next_img a {
	padding:0 10px 0 20px;
	background:url(images/prev-img.gif) no-repeat center left;
}
    Thread Starter RyanWilliams

    (@ryanwilliams)

    Thanks esmi, something like that did indeed work well. ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Use HTML in next_image_link and previous_image_link’ is closed to new replies.