Announcement

**malbro** · 20-Mar-2010, 02:29 PM

Originally posted by marky9378 View Post

Hi

what i want to do is have a scrolling special offers list I have this code here.

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
<title>jCarousel</title>

<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="jquery.jcarousel.pack.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="skin.css" />

<script type="text/javascript">

jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel();
});

</script>

</head>
<body>
<div id="wrap">

<ul id="mycarousel" class="jcarousel-skin-tango">
<li>LASTEST OFFERS LIST GOES HERE</li>
</ul>

</div>
</body>
</html>

Is this possible to acheive this in Actinic or is there a plugin as this would be great.

The simple answer is yes, if you would like more information you can contact me via my signature

**marky9378** · 20-Mar-2010, 03:00 PM

Thanks i have sent you a mail

**marky9378** · 21-Mar-2010, 11:38 AM

Anyone found any answers to this as yet.

**pinbrook** · 21-Mar-2010, 11:46 AM

if this were me, i'd take the code within the head code and place it inside the layout with the head code in actinic

then add the code from the body to the layout where you want to carousel to show.

and add the images to additional files to ensure they are uploaded

**malbro** · 21-Mar-2010, 08:43 PM

My method for doing this type of display is to generate a new layout for code that goes in the head section and insert the

Code:

<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="jquery.jcarousel.pack.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.jcarousel.css" />
<link rel="stylesheet" type="text/css" href="skin.css" />

<script type="text/javascript">

jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel();
});

</script>

inside the new layout then add this new layout into the head section of the main actinic layout you are using. This will allow you to reuse the code more easily in future.

You now need to generate the list that holds all the images, this can be done in a number of different ways but if you want something that can be used at will on different pages you need to generate a list via the actinic software.

Lists can be generated from products, sections, fragments, or choices and you can use the standard lists that are part of the actinic inner layout as a starting point to design your own lists. I use choices and fragments for most of the designs I do as this way you can generate code that works automatically on the different sections. Hard coding a list will only work once.

I took the standard lists and copied them to new lists that I then altered to generate the code I needed for the javascript concerned. All you need is an understanding of how the lists generate code, trial and error works well, and how to use standard html code.

Announcement

Help With implementing Jcarousel and special offers

Help With implementing Jcarousel and special offers

Comment

Comment

Comment

Comment

Comment