The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

i need help with this slide show....

View previous topic View next topic Go down

Solved i need help with this slide show....

Post by Paradise on February 24th 2014, 10:30 pm

Pls. I need help to get a make a script of this slide show called Virtuemart Blaze Slideshow on the site
http://vm.xmlswf.com/ how to make it work on my forum

my forum is http://www.paradiseng.com

Paradise
Forumember

Male Posts : 90
Reputation : 1
Language : English

http://www9.forumotion.com

Back to top Go down

Solved Re: i need help with this slide show....

Post by Jophy on February 25th 2014, 5:06 am

Hello,

Have you tried asking for their code?

You can try this:
http://help.forumotion.com/t105962-index-in-accordion?highlight=accordion

There are also a lot of solved topics relating to 'slideshow', you can use the search function. Wink

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: i need help with this slide show....

Post by Paradise on February 25th 2014, 7:46 am

it is a downloadable code for wordpress sites. I really don't know hw to figure out the code

Paradise
Forumember

Male Posts : 90
Reputation : 1
Language : English

http://www9.forumotion.com

Back to top Go down

Solved Re: i need help with this slide show....

Post by Jophy on February 25th 2014, 10:20 am

Well, did you get the code of it?

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: i need help with this slide show....

Post by Pizza Boi on February 25th 2014, 11:37 am

Hi Very Happy

I don't know if it is my internet that provides crappy service... anyway, I cannot download any of the codes. If you wish, you may try this instead:

Code:
<head>
<center>

<style type="text/css">

/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
  ================================================== */
#featured {
   width: 717px;
   height: 280px;
   background: #000 url('http://i48.servimg.com/u/f48/15/88/79/24/loadin10.gif') no-repeat center center;
   overflow: hidden; }
#featured>img,
#featured>div,
#featured>a { display: none; }




/* CONTAINER
  ================================================== */

div.orbit-wrapper {
  width: 1px;
  height: 1px;
  position: relative; }

div.orbit {
  width: 1px;
  height: 1px;
  position: relative;
  overflow: hidden }

div.orbit>img {
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

div.orbit>a {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0;
  display: none; }

.orbit>div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
  ================================================== */

div.timer {
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: .6;
  cursor: pointer;
  z-index: 1001; }

span.rotator {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -20px;
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/rotato10.png) no-repeat;
  z-index: 3; }

span.mask {
  display: block;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden; }

span.rotator.move {
  left: 0 }

span.mask.move {
  width: 40px;
  left: 0;
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/timer-10.png) repeat 0 0; }

span.pause {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/pause-10.png) no-repeat;
  z-index: 4;
  opacity: 0; }

span.pause.active {
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/pause-10.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
  opacity: 1 }


/* CAPTIONS
  ================================================== */

.orbit-caption {
  display: none;
  font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
  background: #000;
  background: rgba(0,0,0,.6);
  z-index: 1000;
  color: #fff;
   text-align: center;
   padding: 7px 0;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%; }


/* DIRECTIONAL NAV
  ================================================== */

div.slider-nav {
  display: block }

div.slider-nav span {
  width: 78px;
  height: 100px;
  text-indent: -9999px;
  position: absolute;
  z-index: 1000;
  top: 50%;
  margin-top: -50px;
  cursor: pointer; }

div.slider-nav span.right {
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/right-10.png);
  right: 0; }

div.slider-nav span.left {
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/left-a10.png);
  left: 0; }

/* BULLET NAV
  ================================================== */

.orbit-bullets {
  position: absolute;
  z-index: 1000;
  list-style: none;
  bottom: -40px;
  left: 50%;
   margin-left: -50px;
  padding: 0; }

.orbit-bullets li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  color: #999;
  text-indent: -9999px;
  background: url(http://i48.servimg.com/u/f48/15/88/79/24/bullet10.jpg) no-repeat 4px 0;
  width: 13px;
  height: 12px;
  overflow: hidden; }

.orbit-bullets li.active {
  color: #222;
  background-position: -8px 0; }
 
.orbit-bullets li.has-thumb {
  background: none;
  width: 100px;
  height: 75px; }

.orbit-bullets li.active.has-thumb {
  background-position: 0 0;
  border-top: 2px solid #000; }

</style>

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js?ver=1.5.1'></script>
<script type='text/javascript'>
/*
 * jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
*/

(function(d){d.fn.orbit=function(a){a=d.extend({animation:"horizontal-push",animationSpeed:600,timer:!0,advanceSpeed:6E3,pauseOnHover:!1,startClockOnMouseOut:!1,startClockOnMouseOutAfter:1E3,directionalNav:!0,captions:!0,captionAnimation:"fade",captionAnimationSpeed:600,bullets:!1,bulletThumbs:!1,bulletThumbLocation:"",afterSlideChange:function(){}},a);return this.each(function(){function q(){if(!a.timer||a.timer=="false")return!1;else r.is(":hidden")?s=setInterval(function(){l("next")},a.advanceSpeed):
(o=!0,x.removeClass("active"),s=setInterval(function(){var a="rotate("+m+"deg)";m+=3;t.css({"-webkit-transform":a,"-moz-transform":a,"-o-transform":a});m>180&&(t.addClass("move"),y.addClass("move"));m>360&&(t.removeClass("move"),y.removeClass("move"),m=0,l("next"))},a.advanceSpeed/180))}function n(){if(!a.timer||a.timer=="false")return!1;else o=!1,clearInterval(s),x.addClass("active")}function z(){if(!a.captions||a.captions=="false")return!1;else{var c=e.eq(b).data("caption");(_captionHTML=d(c).html())?
(j.attr("id",c).html(_captionHTML),a.captionAnimation=="none"&&j.show(),a.captionAnimation=="fade"&&j.fadeIn(a.captionAnimationSpeed),a.captionAnimation=="slideOpen"&&j.slideDown(a.captionAnimationSpeed)):(a.captionAnimation=="none"&&j.hide(),a.captionAnimation=="fade"&&j.fadeOut(a.captionAnimationSpeed),a.captionAnimation=="slideOpen"&&j.slideUp(a.captionAnimationSpeed))}}function A(){if(a.bullets)C.children("li").removeClass("active").eq(b).addClass("active");else return!1}function l(c){function d(){e.eq(f).css({"z-index":1});
u=!1;a.afterSlideChange.call(this)}var f=b,g=c;if(f==g)return!1;if(e.length=="1")return!1;u||(u=!0,c=="next"?(b++,b==p&&(b=0)):c=="prev"?(b--,b<0&&(b=p-1)):(b=c,f<b?g="next":f>b&&(g="prev")),A(),e.eq(f).css({"z-index":2}),a.animation=="fade"&&e.eq(b).css({opacity:0,"z-index":3}).animate({opacity:1},a.animationSpeed,d),a.animation=="horizontal-slide"&&(g=="next"&&e.eq(b).css({left:h,"z-index":3}).animate({left:0},a.animationSpeed,d),g=="prev"&&e.eq(b).css({left:-h,"z-index":3}).animate({left:0},a.animationSpeed,
d)),a.animation=="vertical-slide"&&(g=="prev"&&e.eq(b).css({top:v,"z-index":3}).animate({top:0},a.animationSpeed,d),g=="next"&&e.eq(b).css({top:-v,"z-index":3}).animate({top:0},a.animationSpeed,d)),a.animation=="horizontal-push"&&(g=="next"&&(e.eq(b).css({left:h,"z-index":3}).animate({left:0},a.animationSpeed,d),e.eq(f).animate({left:-h},a.animationSpeed)),g=="prev"&&(e.eq(b).css({left:-h,"z-index":3}).animate({left:0},a.animationSpeed,d),e.eq(f).animate({left:h},a.animationSpeed))),z())}var b=0,
p=0,h,v,u,f=d(this).addClass("orbit"),c=f.wrap('<div class="orbit-wrapper" />').parent();f.add(h).width("1px").height("1px");var e=f.children("img, a, div");e.each(function(){var a=d(this),b=a.width(),a=a.height();b>f.width()&&(f.add(c).width(b),h=f.width());a>f.height()&&(f.add(c).height(a),v=f.height());p++});if(e.length==1)a.directionalNav=!1,a.timer=!1,a.bullets=!1;e.eq(b).css({"z-index":3}).fadeIn(function(){e.css({display:"block"})});if(a.timer){c.append('<div class="timer"><span class="mask"><span class="rotator"></span></span><span class="pause"></span></div>');
var r=c.children("div.timer"),o;if(r.length!=0){var t=d("div.timer span.rotator"),y=d("div.timer span.mask"),x=d("div.timer span.pause"),m=0,s;q();r.click(function(){o?n():q()});if(a.startClockOnMouseOut){var B;c.mouseleave(function(){B=setTimeout(function(){o||q()},a.startClockOnMouseOutAfter)});c.mouseenter(function(){clearTimeout(B)})}}}a.pauseOnHover&&c.mouseenter(function(){n()});if(a.captions){c.append('<div class="orbit-caption"></div>');var j=c.children(".orbit-caption");z()}if(a.directionalNav){if(a.directionalNav==
"false")return!1;c.append('<div class="slider-nav"><span class="right">Right</span><span class="left">Left</span></div>');var k=c.children("div.slider-nav").children("span.left"),w=c.children("div.slider-nav").children("span.right");k.click(function(){n();l("prev")});w.click(function(){n();l("next")})}if(a.bullets){c.append('<ul class="orbit-bullets"></ul>');var C=c.children("ul.orbit-bullets");for(i=0;i<p;i++){k=d("<li>"+(i+1)+"</li>");if(a.bulletThumbs&&(w=e.eq(i).data("thumb")))k=d('<li class="has-thumb">'+
i+"</li>"),k.css({background:"url("+a.bulletThumbLocation+w+") no-repeat"});c.children("ul.orbit-bullets").append(k);k.data("index",i);k.click(function(){n();l(d(this).data("index"))})}A()}})}})(jQuery);
</script>
<script type="text/javascript">
  jQuery(window).load(function() {
  jQuery('#featured').orbit();
  });
</script>
</head>
<body><div id="featured">
<a href=""><img src="IMG LINK" height="310" alt="" /></a><a href="URL LINK"><img src="IMG LINK" width="750" alt="" /></a><a href="URL LINK"><img src="IMG LINK" width="750"malt="" /></a>
<a href="URL LINK"><img src="IMG LINK" width="750" alt="" /></a>
</div>
</center></body>

Just changed the original images to anything you please and some functions!

Hope I helped!

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: i need help with this slide show....

Post by Paradise on March 8th 2014, 2:17 pm

THanks but where wil I place the code? Just curious

Paradise
Forumember

Male Posts : 90
Reputation : 1
Language : English

http://www9.forumotion.com

Back to top Go down

Solved Re: i need help with this slide show....

Post by Pizza Boi on March 8th 2014, 4:51 pm

Hi Very Happy

In this portion. I put IMG LINK or LINK in it for you to change the necessities.

Code:
<body><div id="featured">
<a href=""><img
 src="IMG LINK" height="310" alt="" /></a><a href="URL
LINK"><img src="IMG LINK" width="750" alt="" /></a><a
href="URL LINK"><img src="IMG LINK" width="750"malt=""
/></a>
<a href="URL LINK"><img src="IMG LINK" width="750" alt="" /></a>
</div>
</center></body

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: i need help with this slide show....

Post by Paradise on March 10th 2014, 12:11 pm

i mean should i place the code in css, Generalities or where....

Where do i add the code?

Paradise
Forumember

Male Posts : 90
Reputation : 1
Language : English

http://www9.forumotion.com

Back to top Go down

Solved Re: i need help with this slide show....

Post by Pizza Boi on March 11th 2014, 3:34 am

Hi Very Happy

In a widget or in an HTML page. Announcements, etc. Anywhere you want to be honest so as long as it isn't in the CSS and Javascript management.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: i need help with this slide show....

Post by Paradise on March 22nd 2014, 1:19 pm

it is not workin correctly

Paradise
Forumember

Male Posts : 90
Reputation : 1
Language : English

http://www9.forumotion.com

Back to top Go down

Solved Re: i need help with this slide show....

Post by Pizza Boi on March 22nd 2014, 1:47 pm

Hi Very Happy

Can you please post the code you used with the images and links separated so I can sort them out for you. Also, take a screenshot of the settings you have as to where you posted it please.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: i need help with this slide show....

Post by Paradise on March 22nd 2014, 7:57 pm

ok i will do just that when I am on my Pc.

Paradise
Forumember

Male Posts : 90
Reputation : 1
Language : English

http://www9.forumotion.com

Back to top Go down

Solved Re: i need help with this slide show....

Post by Pizza Boi on March 22nd 2014, 8:10 pm

Hi Very Happy

Sure, please do. I'll be waiting Smile .

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: i need help with this slide show....

Post by Paradise on March 29th 2014, 7:59 am

Hi! It is solved now. All the thanks to you and Runawayhorses. You guys are great.

You can have a view of the slideshow at http://www.paradiseng.com/forum.

Shortly, I will start displaying news on it linking it to the post.

Finally, thank you

Paradise
Forumember

Male Posts : 90
Reputation : 1
Language : English

http://www9.forumotion.com

Back to top Go down

Solved Re: i need help with this slide show....

Post by Pizza Boi on March 29th 2014, 9:20 am

Hi Very Happy

The pizza's here! That'd be 2.99$ from the ones who helped you Wink .

No problem~

Regards,
Pizza Boi and Friends Very Happy

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: i need help with this slide show....

Post by Jophy on March 29th 2014, 12:40 pm

Solved

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum