portal:carousel - anyone working with this?

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

Please do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.

This forum is for discussing mojoPortal development

This forum is only for questions or discussions about working with the mojoPortal source code in Visual Studio, obtaining the source code from the repository, developing custom features, etc. If your question is not along these lines this is not the right forum. Please try to post your question in the appropriate forum.

You can monitor commits to the repository from this page. We also recommend developers to subscribe to email notifications in the developer forum as occasionally important things are announced.

Before posting questions here you might want to review the developer documentation.

Do not post questions about design, CSS, or skinning here. Use the Help With Skins Forum for those questions.
This thread is closed to new posts. You must sign in to post in the forums.
12/8/2010 10:41:23 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: portal:carousel - anyone working with this?

get rid of the jquery 1.4.2 script since jquery is already loaded by mojoPortal.

If your js folder is in the root then you need to specify the url like /js/jquery.carousellight.js, you are missing the first /

the easing script may need to be above the carousel script

12/8/2010 10:50:30 AM
dasan1029
Gravatar
Total Posts 36
View Posts

Re: portal:carousel - anyone working with this?

</form>
<script type="text/javascript" src="/js/jquery.easing.1.1.js"></script>
<script type="text/javascript" src="/js/jquery.jcarousellite.js"></script>
 

<script type="text/javascript">

var current_carousel_position = 1;

$(document).ready(function () {

/* initialize carousel */
$('.mycarousel').jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
speed: 200,
easing: "easein",
visible: 1,
afterEnd: function (a) {
show_carousel_selected(current_carousel_position);
}
});

show_carousel_selected(current_carousel_position);

});

/* ***************************************************************************************** */
function show_carousel_selected(index) {
//alert ($('.slideshow .button-holder ul li').size());
index = ((index - 1) % $('.slideshow .button-holder span').size() + 1);
$('.slideshow .button-holder span').removeClass('on');
$('.slideshow .button-holder span#showcase-bullet-' + index).addClass('on');
}

</script>
</body>

Same ERROR

$(".mycarousel").jCarouselLite is not a function
[Break On This Error] afterEnd: function (a) {

12/8/2010 10:57:18 AM
dasan1029
Gravatar
Total Posts 36
View Posts

Re: portal:carousel - anyone working with this?

Do you have a place where i can send you a screen shot of how it looks

12/8/2010 10:59:08 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: portal:carousel - anyone working with this?

you need to use Firebug and make sure it is not getting a 404 loading your js as well as your css and correct the urls as needed to make sure it finds your files. They should have urls relative to the root of the site, so if for example you are running the site as localhost/mojoportal then the script url would be like /mojoportal/js/...

Firebug will help you.

12/8/2010 11:58:01 AM
dasan1029
Gravatar
Total Posts 36
View Posts

Re: portal:carousel - anyone working with this?Could it be something that im missing in my Layout.Master,

Could it be something that im missing in my Layout.Master, since im creating my own skin.

 

Because this is what im putting in the HTML Module inside the  DivLeft Content. And i have all my css in the style.config

<div class="showcase">
<div class="slideshow">
<div class="button-holder">
<ul>
<li><span id="showcase-bullet-1">1</span></li>
<li><span id="showcase-bullet-2">2</span></li>
<li><span id="showcase-bullet-3">3</span></li>
</ul>
</div>
<div class="button-holder-prev"><a href="#" class="prev" onclick="current_carousel_position--;">Prev</a></div>
<div class="button-holder-next"><a href="#" class="next" onclick="current_carousel_position++;">Next</a></div>
<div class="mycarousel">
<ul id="mycarousel">
<li class="power-synch">
<div><img height="334" width="946" src="/mojoportal/Data/Sites/1/skins/[skinfolder]/images/home/showcase/image1.jpg" alt="" /> <span>Harmonize media placement across markets and digital devices worldwide. <a href="#">More Information »</a></span></div>
</li>
<li class="change-the-game">
<div><img height="334" width="946" src="/mojoportal/Data/Sites/1/skins/[skinfolder]/images/home/showcase/image2.jpg" alt="" /> <span>Transform and optimize a single piece of creative content for multiple digital delivery points. <a href="#">More Information »</a></span></div>
</li>
<li class="consumer-experience">
<div><img height="334" width="946" src="/mojoportal/Data/Sites/1/skins/[skinfolder]/images/home/showcase/image3.jpg" alt="" /> <span>Refined transactional analytics create greater opportunities to learn from your customers. Create dialogue and build brand loyalty. <a href="#">More Information »</a></span></div>
</li>
</ul>
</div>
</div>
</div>

12/8/2010 1:47:08 PM
Joe Davis
Gravatar
Total Posts 2253
View Posts

Re: portal:carousel - anyone working with this?

Hi,

If you send me your skin and your javascript files, I will make it work and send it back to you.

joe (at) i7media (dot) net

Thanks,
Joe D.

12/8/2010 1:55:20 PM
dasan1029
Gravatar
Total Posts 36
View Posts

Re: portal:carousel - anyone working with this?

sent

12/8/2010 2:37:41 PM
Joe Davis
Gravatar
Total Posts 2253
View Posts

Re: portal:carousel - anyone working with this?

Hello,

I did the following and it worked fine.

  1. Move the javascript files to a directory named 'js' in the root of the website.
  2. Change the reference to the javascript files to /js/<javascript-filename>
  3. Removed the width rule from the .content class in the style.css file. This was preventing the slideshow controls from being viewed at all.

HTH,
Joe D.

12/8/2010 2:42:27 PM
dasan1029
Gravatar
Total Posts 36
View Posts

Re: portal:carousel - anyone working with this?

let me give it a try, when you say root of the Website you mean the custom skin folder?

12/8/2010 2:45:52 PM
Joe Davis
Gravatar
Total Posts 2253
View Posts

Re: portal:carousel - anyone working with this?

Nope, I mean the actual root of the entire site (/). The same directory that is holding the web.config file for your mojoPortal site. I used the following:

 

<script type="text/javascript" src="/js/jquery.easing.1.1.js"></script>
<script type="text/javascript" src="/js/jquery.jcarousellite.js"></script>
 
And by the structure of your skin, I doubt your mojoPortal installation is in a sub-directory or virtual directory of any kind so the above should work for you.
 
Thanks,
Joe D.
12/8/2010 3:05:08 PM
dasan1029
Gravatar
Total Posts 36
View Posts

Re: portal:carousel - anyone working with this?

Yayyy DONE!! Thanks a lot guys for all your support.laugh

You must sign in to post in the forums. This thread is closed to new posts.