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 Mon Feb 24 2014, 23:30

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
avatar
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 Tue Feb 25 2014, 06:06

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
avatar
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 Tue Feb 25 2014, 08:46

it is a downloadable code for wordpress sites. I really don't know hw to figure out the code
avatar
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 Tue Feb 25 2014, 11:20

Well, did you get the code of it?
avatar
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 Tue Feb 25 2014, 12:37

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
avatar
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 Sat Mar 08 2014, 15:17

THanks but where wil I place the code? Just curious
avatar
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 Sat Mar 08 2014, 17:51

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
avatar
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 Mon Mar 10 2014, 13:11

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

Where do i add the code?
avatar
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 Tue Mar 11 2014, 04:34

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
avatar
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 Sat Mar 22 2014, 14:19

it is not workin correctly
avatar
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 Sat Mar 22 2014, 14:47

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
avatar
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 Sat Mar 22 2014, 20:57

ok i will do just that when I am on my Pc.
avatar
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 Sat Mar 22 2014, 21:10

Hi Very Happy

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

Regards,
Pizza Boi
avatar
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 Sat Mar 29 2014, 08:59

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
avatar
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 Sat Mar 29 2014, 10:20

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
avatar
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 Sat Mar 29 2014, 13:40

Solved
avatar
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