Autonav with Images ie thumbnail
Permalink
Hello,
I am trying to build an autonav block that includes an image. Please see this live example for an idea of what I am trying to achieve. The example is static html I am trying to implement into Concrete5.
http://www.jameslines.com/image-nav/...
I am open to alternate methods, but as of now I am trying to use the thumbnail page attribute. I need an output like this:
I have an idea where the code goes but I can't seem to get anything to work. At the end of the standard autonav view.php is this:
Any help would be greatly appreciated.
Thanks
I am trying to build an autonav block that includes an image. Please see this live example for an idea of what I am trying to achieve. The example is static html I am trying to implement into Concrete5.
http://www.jameslines.com/image-nav/...
I am open to alternate methods, but as of now I am trying to use the thumbnail page attribute. I need an output like this:
<ul> <li> <a href= "PAGE FROM SITEMAP"><image src= "THUMBNAIL?">PAGE NAME</a> </li> <ul>
I have an idea where the code goes but I can't seem to get anything to work. At the end of the standard autonav view.php is this:
echo '<a href="' . $ni->url . '" target="' . $ni->target . '" class="' . $ni->classes . '">' . $ni->name . '</a>';
Any help would be greatly appreciated.
Thanks
Hey Dakers,
Thanks a bunch for your response. I have a list of pages in my site map. For each page that will be displaying in this nav, I plan on giving each its own custom thumbnail attribute. That is how I plan on managing which image goes with the nav list item.
When I go to the "page properties" by clicking on a page in the site map, I click on the "custom attributes tab. On the left hand side at the bottom, there is a "page thumbnail" attribute.
I would like to upload an image there, and have it display with the "page name" in the autonav. Of course I will be styling it with some css later, but I can't seen to get that thumbnail image to display.
I was hoping something like this was possible, but It did not seem to work. Do you know the code to display a thumbnail?
Any additional help would be greatly appreciated. Thanks in advance.
Thanks a bunch for your response. I have a list of pages in my site map. For each page that will be displaying in this nav, I plan on giving each its own custom thumbnail attribute. That is how I plan on managing which image goes with the nav list item.
When I go to the "page properties" by clicking on a page in the site map, I click on the "custom attributes tab. On the left hand side at the bottom, there is a "page thumbnail" attribute.
I would like to upload an image there, and have it display with the "page name" in the autonav. Of course I will be styling it with some css later, but I can't seen to get that thumbnail image to display.
I was hoping something like this was possible, but It did not seem to work. Do you know the code to display a thumbnail?
. $ni->thumbnail . . $ni->name .
Any additional help would be greatly appreciated. Thanks in advance.
Any assistance would be much appreciated!
Using the code you supplied at the end. You would want to do this:
I'm not sure how you want to decide what image goes with which link, but you could create a page attribute and select an image with this page attribute which you would apply to the above code. You could also do it by page type as well. It just depends how much customization you want to put into it.
Let me know if you have any other questions.