image field - displaying in an article with thumbs

unnamed
Topic Author
Offline
New Member

14 years 9 months ago #4891 by unnamed

image field - displaying in an article with thumbs was created by unnamed

Hello,

at first, sorry for my bad english

I found FLEXIcontent a few days ago and it looks like a great solution for many projects.
The first steps are very hard without an english or german tutorial, but learning by doing is just ok.

My first goal is an article with an JQuery slideshow. I added image-fields to an article-type. So the backend-user can create an new article, select the images from his local drive, and wirte the text. In the frotend the images should be displayed in a layer for the slideshow. This works great.

But I need the thumbnails of the images, too. They should be displayed in a <ul> under the other images inside the slideshow-layer. So the frontend-user can easily switch the images by clicking the thumbnails.

For the big images the solution is very simple:

Code:

<!-- # slideshow # -->
<?php if ((isset($this->item->positions['slideshow']))) : ?>

<div class="pics" id="slideshow">

	<?php if (isset($this->item->positions['slideshow'])) : ?>
		<?php foreach ($this->item->positions['slideshow'] as $field) : ?>

		<?php echo $field->display; ?>
		<?php endforeach; ?>
		
	<?php endif; ?>

<ul></ul>
</div>
<?php endif; ?>
<!-- # slideshow ende # -->

With

Code:

<?php echo $field->display; ?>

I can display the image witch is in

Code:

$this->item->positions['slideshow']

.

But how can a display the thumbnail of each image?
I have to say, I'm not a PHP-profi, but here is one sitting beside me..

I hope you guys can give me a tip.

greets
unnamed

Please Log in or Create an account to join the conversation.