Adding text fields to a gallery
i’m currently trying to wrap-up a website for a friend of mine. i am using JQuery for here portfolio, but being such a JQuery/JS noob I’ve hit a wall. I am hoping someone can help.
here is the portfolio:
http://www.dorothyalig.com/gallery/prints
what I am wanting is to display the title, description, price/availability. i have created the custom fields for description, and price/availability that are necessary when using Expression Engine CMS but can’t figure out how to add that to the JQuery script. here is the script as it is now:
-
$(document).ready(function(){
$("h4").append('')
$(".thumbs a").click(function(){
var largePath = $(this).attr("href");
var largeAlt = $(this).attr("title");
$("#largeImg").attr({ src: largePath, alt: largeAlt });
$("h4").html(" " + largeAlt + " "); return false;
});
});
here’s the gallery code:
-
<div class="col2">
{exp:weblog:entries weblog="gallery" limit="1"}
<p><img id="largeImg" src="/images/Fire_flower.jpg" alt="Fire Flower" /></p>
<h4>{title}</h4>
<p>{description}</p>
<p>{available}</p>
{/exp:weblog:entries}
</div>
the title of the items is working, but I am unsure how to tell the script to print the description and availability tags. i realize this is probably super simple, but again, i am new to JS/JQuery. any help would be greatly appreciated.