Code

Discussion on Sexy Slider

Discussion on Sexy Slider

Cart 2,072 sales

aeroalquimia does not currently provide support for this item.

225 comments found.

Hi,

great work! I have a little problem, when the width of an image is smaller than the display area, the image is repeating. I want the image in the center and no repeat.

My display area is 560×400 and one of my images 267×400. Can you please help me??

Thanks in advance

Nice work on the plugin. The only thing I’d like to see is more documentation. For the novice user, changing transition effects and the like would be much easier if your plugin included instructions.

Really nice work on the functionality though. Bravo!

Hi, This is a nice script. I am having one issue though, I have the slider working correctly but the<div id="slider" /> moves my slider screen Left when I want it to float screen center. Is there a way to I control the position of slider or does it position itself to the left of its current container? I am trying to implement this on my index page at http://www.bluemunster.com

#wrapper
{
  width:800px;
  margin:0 auto;
}

Hi! Quick question,

When the width of an image is smaller than the display area, the image repeats itself. Is there a way to horizontally centre the image and stop it from repeating?

Hi.

I put a css pop image in the alt section to show on the title box. Works great in FF but in IE it hangs ‘behind’ the main slideshow.

I have tried adding z-index to #slider in the css – no go.

Here is the address – Third Slide http://twoplusthreedesign.com/v2.5/menu2/interior-design/beverly-hills-traditional.php here is the code <img src="/images/interior-design/bh-traditional-4.jpg" alt="&lt;a class= &quot;thumbnail&quot; href=&quot;#thumb&quot;&gt;before&lt;span&gt;&lt;img src=&quot;/images/interior-design/bh-traditional-4-before.jpg&quot;&gt;&lt;/span&gt;&lt;/a&gt;" />

Any suggestions – I am making myself nutty!

Thanks

**Ann

Hi

Is it possible to just use this as a normal looking carousel? So the images scroll right to left with no fading effect?

Thanks

If i purchase the extended license, could i use this as part of an application im building with a view to selling?

Please reply…

buzzz

Hi, how can I use target=”_blank” ? it does not seem to work if I put it within the tag. Tnx.

Can you add a mouseover option? Once that would allow us to either pause or not pause on hover?

Hello aeroalquimia,

Do you have any experience with the transition between images “stuttering” in Firefox browsers? It seems almost as if the images aren’t fully loaded when the transition starts, and then they pop half-way through the transition.

I don’t notice this when viewing your Live Preview in any browser (including FFox.

My page doesn’t exhibit this problem in Chrome or Safari (Firefox only).

See here: (NSFW?) www.grassrootz420.com

Thanks for the quick response.

The slide transitions are still exhibiting the “stuttering” from before, unfortunately. Of 20 “strips”, 5 or so will load blank, with the image finally appearing on the 6th strip or so. Do you notice the same?

Thanks again!

Yes, but only in your website. Try to remove this from your code:

//grassrootz420.com/

so for example the image will be:

<img src="images/strains/power_plant/pp_01_crop.jpg" alt="Power Plant - Sativa" />

also remove this line:

<script src="//grassrootz420.com/js/jquery-1.5.min.js" type="text/javascript"></script>

Hello,

I have added the slider onto my website and it is working great, thank you!

However the one problem i have is that my website will also include images with lightbox, is it possible to have the website running both?

Thanks in advance Michael.

Thank you for your help yesterday – how can I center the numbers? You can see what they look like here: http://sheffieldcompany.com/sexyslider/slider.html

#control a
{
  padding:3px 7px;
  line-height:26px;
}

Hi, I’ve resolved my problem. I changed the line 60 in this way:

FROM :
onComplete      : function() {$(".total").text(this.img.length)},
TO:
onComplete      : function() {$(".total").text(this.img.length);$(".total").removeClass("total")},

I needed to reacall different totals for slides I added. So, I added

;$(".total").removeClass("total")
after
.text(this.img.length)

Bye, Marcello

Hello -

A client of mine purchased this slider and I’m putting it together for them. They would like numbers on the control buttons (1,2,3,4, etc). How do I accomplish this?

Thanks!

With CSS :

#control a span
{
  visibility:visible;
}

Hi,

i purchased your script. But i dont change Prev and Next texts. i want to change this text Önceki and Sonraki. How can i change?

Hello Aeroalquimia, compliment for your project!

I’ve trouble to duplicate the “control” tag:
I changed the “jquery.sexyslider.js” file to replacing the classic control tag with a text-counter, to display this effect: 1/8, 2/8, 3/8, etc. So, in this js file I modified lines 60 and 91, in spec:

line 60)      onComplete      : function() {$(".total").text(this.img.length)},

line 91 )       self.controls[i] = $('<a href="#" class="sexyslider-control" rel="'+i+'"><span>'+(i+1)+'/<span class="total"></span></span></a>');

Now, when I go to duplicate the slide:

$(document).ready(function() {

  $("#slide1").SexySlider({
    width     : 515,
    height    : 322,
    delay     : 5000,
    strips    : 1,
    autopause : true,
    navigation : '.navigation1',
    control    : '.control1',
    effect    : 'fade'
  });

  $("#slide2").SexySlider({
    width     : 515,
    height    : 322,
    delay     : 5000,
    strips    : 1,
    autopause : true,
    navigation : '.navigation2',
    control    : '.control2',
    effect    : 'fade'
  });

});

<!-- first slide with 1 image -->
<div class="gallery" id="gallery1">
<img src="images/slide/interior/INTERIOR1.jpg" alt="" />
</div>                   
<div class="navigation1"></div>
<div class="control1"></div>

<!-- second slide with 2 images -->
<div class="gallery" id="gallery2">
<img src="images/slide/interior/INTERIOR1.jpg" alt="" />
<img src="images/slide/interior/INTERIOR2.jpg" alt="" />
</div>               
<div class="navigation2"></div>
<div class="control2"></div>

...the “total” tag that I added in the line 91 remains blocked for all slides I go to add. In this case:
first slide: 1/2 <—it’s wrong! Must be: 1/1
second slide: 1/2

How can I resolve it?
Many thanks,
Marcello

Aeroalquimia,

The slider works great. Good buy, I was able to easily customize the next/prev buttons, size, and transition style.

I wanted to ask if it was possible rather than using images to make the transition, if it was possible to use divs. That way one could add background images, style text, and insert nested images/code inside the slider.

Is that an extensive change to the code? I know a bit of jQuery but your skill level is far beyond where I am. Kudos by the way, this last request aside, this really is a great buy.

Let me know, thanks!

First of all, let me say, I really like this script.

Activating the Cart66-Lite plugin in wordpress breaks the Sexy Slider… what should I be looking for in the Cart66 plugin in order to troubleshoot?

Thanks!

Can you send me the URL to my mail?

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey