Forums » Customize

Exhibit Plugin: slideViewer

nils
GERMANY
2007-08-15 17:21:47
Permalink Post
 

Hello,

Can someone test this plugin for me?
Works on Firefox,Camino and Safari.
Tested on a Mac ...

http://www.falseone.org/projects/slideviewer-demo/

Vaska A
I WROTE THIS
2007-08-15 21:15:04
Permalink Post
 

Awesome Nils!

I was hoping somebody would bring that one into the mix. Hope you won't mind, but I thought I would alert folks to this one as well...some are a bit much...but a few are quite nice...could also be a nice addition:

http://malsup.com/jquery/cycle/

I'm super busy for a bit, but if you need any help getting it packaged up...assuming you want to release it to everybody, you know where to find me.

nils
GERMANY
2007-08-16 02:40:51
Permalink Post
 

Ok ... here it is.
Cycle Demo

Some Problems with transition effects on static "height" and "width". :(
I bring it up tomorrow.

see ya

nils
GERMANY
2007-08-16 02:42:24
Permalink Post
 

thanks vaska ;)

nils
GERMANY
2007-08-19 20:18:23
Permalink Post
 

slideViewer

... place the files here!

Download

nils
GERMANY
2007-08-19 20:22:19
Permalink Post
 

Placement.jpg

danbanG
GERMANY
2007-08-19 21:41:37
Permalink Post
 

and after placing the files? what is the next step? =)

nils
GERMANY
2007-08-19 21:55:43
Permalink Post
 

Choose your "Exhibition Format"(english) "Austellungsformat"(deutsch).

danbanG
GERMANY
2007-08-19 22:04:03
Permalink Post
 

really nice ... big thanks for this plugin. =D

Vaska A
I WROTE THIS
2007-08-19 22:16:11
Permalink Post
 

Good work Nils...I'll have a look when I get a chance. ;)

danbanG
GERMANY
2007-08-20 17:57:01
Permalink Post
 

hm ... looks like it doesnt work in opera (ver. 9) and furthermore there are some problems with IE (ver. 6/7).

danbanG
GERMANY
2007-08-20 18:13:02
Permalink Post
 

okay opera works, was my fault , )

but i still have some problems with the postions of the images (IE). The images dont return to the exact starting position.

nils
GERMANY
2007-08-21 12:43:58
Permalink Post
 

hmmm ... have you customize your slideviewer.css?

nils
GERMANY
2007-08-21 13:11:46
Permalink Post
 

Oh .. my fault IE needs "position:relative".

Download slideViewer Pack

jquery.slider.css

danbanG
GERMANY
2007-08-21 16:44:20
Permalink Post
 

oh cool, now it looks the same in IE. but I still have those problems with the exact position.

let me show you what i mean:
->link
this is just a fresh setup without any changes. so no changes in the whole xhibit setup and no changes in your newest slideViewer setup.

when you push the buttons 1 and 2 several times, you may notice that the image does not stop at the same point where it started. It sometimes (not always) stops about 5pixel closer to the left site.

I noticed that on your site (http://www.falseone.org/projects/slideviewer-demo/) this problems doesnt appear in the IE.

danbanG
GERMANY
2007-08-21 17:17:42
Permalink Post
 

when you push the buttons 1 and 2 several times, you may notice that the image does not stop at the same point where it started. It sometimes (not always) stops about 5pixel closer to the left site.

this only happens in IE.

nils
GERMANY
2007-08-24 11:24:58
Permalink Post
 

sorry. Mac user ... ;(

matthias
GERMANY
2009-03-31 21:52:48
Permalink Post
 

The SlideViewer plugin by Nils works real good for me, but now I'd like to modify it in a way that slides change automatically.

Could anyone please give me a hint what I could do?

After trying it for more than two days I realized that I realy don't have any javascript knowledge.

The script is quite short but I can't find where it says 'stop' or something so that I could change it to 'go'.

here the code of the jquery.slideviewer.js file:

  1. jQuery(function(){
  2.    jQuery("div.svw").prepend("<img src='/ndxz-studio/site/img/loadingAnimation-whbg.gif' class='ldrgif' alt='loading...'/ >"); 
  3. });
  4. var j = 0;
  5. jQuery.fn.slideView = function(settings) {
  6.       settings = jQuery.extend({
  7.      easeFunc: "expoinout",
  8.      easeTime: 750,
  9.      toolTip: false
  10.   }, settings);
  11.     return this.each(function(){
  12.         var container = jQuery(this);
  13.         container.find("img.ldrgif").remove(); // removes the preloader gif
  14.         container.removeClass("svw").addClass("stripViewer");        
  15.         var pictWidth = container.find("li").find("img").width();
  16.         var pictHeight = container.find("li").find("img").height();
  17.         var pictEls = container.find("li").size();
  18.         var stripViewerWidth = pictWidth*pictEls;
  19.         container.find("ul").css("width" , stripViewerWidth); //assegnamo la larghezza alla lista UL    
  20.         container.css("width" , pictWidth);
  21.         container.css("height" , pictHeight);
  22.         container.each(function(i) {
  23.             jQuery(this).after("<div class='stripTransmitter' id='stripTransmitter" + j + "'><ul></ul></div>");
  24.             jQuery(this).find("li").each(function(n) {
  25.                         jQuery("div#stripTransmitter" + j + " ul").append("<li><a title='" + jQuery(this).find("img").attr("alt") + "' href='#'>"+(n+1)+"</a></li>");                                                
  26.                 });
  27.             jQuery("div#stripTransmitter" + j + " a").each(function(z) {
  28.                 jQuery(this).bind("click", function(){
  29.                 jQuery(this).addClass("current").parent().parent().find("a").not(jQuery(this)).removeClass("current"); // wow!
  30.                 var cnt = - (pictWidth*z);
  31.                 jQuery(this).parent().parent().parent().prev().find("ul").animate({ left: cnt}, settings.easeTime, settings.easeFunc);
  32.                 return false;
  33.                    });
  34.                 });
  35.             jQuery("div#stripTransmitter" + j).css("width" , pictWidth);
  36.             jQuery("div#stripTransmitter" + j + " a:eq(0)").addClass("current");
  37.             if(settings.toolTip){
  38.             container.next(".stripTransmitter ul").find("a").Tooltip({
  39.                 track: true,
  40.                 delay: 0,
  41.                 showURL: false,
  42.                 showBody: false
  43.                 });
  44.             }
  45.             });
  46.         j++;
  47.   });    
  48. };

what i'm workin on …

benhorinb
UNITED STATES
2009-10-01 08:40:34
Permalink Post
 

hi,
would like help to customize this plugin (example link).
trying to get the number buttons to display before the pictures (just change their location to above the gallery). anybody?

kidcreate
NORWAY
2009-10-15 11:19:08
Permalink Post
 

I like the feel of the slide function from benhorinb ( post above).
i would like to also include the mouse like http://www.marekhaiduk.de/index.html. Anyone done this?

kidcreate
NORWAY
2009-10-15 11:19:28
Permalink Post
 

the mouse wheel i mean

GordonBennett
UK
2009-12-08 16:30:22
Permalink Post
 

This would really be fantastic with a click image advance.

farwest1
UNITED STATES
2010-02-23 15:20:59
Permalink Post
 

Frustration. What am I doing wrong? I'm trying to get Slideviewer to show a series of images on my homepage.

I've loaded the .css file, the js files, and the .php files into their correct places. I can see Slideviewer in the Exhibition Format menu in Indexhibit.

But nothing happens--no images. Is there a piece of code I need to modify in one of the files I uploaded?

I'm very new to this. Here's my site, if you want to have a look: site

farwest1
UNITED STATES
2010-02-23 16:10:42
Permalink Post
 

Additionally, I have somehow "broken" the Slideshow theme. Could this be because I updated JQuery to 1.3.2?

See here:page

Thanks for any suggestions!

farwest1
UNITED STATES
2010-02-23 16:40:13
Permalink Post
 

Additionally, if I look at this page, it seems to work. I'm not sure what I'm doing differently. If I evaluate the code in Chrome, it tells me that I have an "Uncaught Type Error: Object (my site) has no method 'slideViewer.' "

So why wouldn't the code be finding the slideViewer plugins I uploaded? Any thoughts?

Chop
UK
2010-02-24 16:38:13
Permalink Post
 

Can anyone post a tutorial on how to make the slideviewer work please. I've installed all the files in the right directories but my post display no images.

jesspovey
UK
2010-07-29 18:10:19
Permalink Post
 

Hey farwest1 and Chop, I had a similar problem. Upload the images NOT using file manager, but in the images section below left.

I can now see one image in the slide viewer format, but I can't see the others, even though it registers three images.

Anyone got any advice?

http://www.thebottomdraw.com/project/corporate-branding/

Thanks in advance.

Showing 1 - 27 of 27 posts in Forum > Customize > Exhibit Plugin: slideViewer
 

You need to be logged in to post.