judder / galleriffic Goto Github PK

The attached file contains another plugin named GallerficPlus for your
consideration:

Pleas! make this new feature jquery v 1.3.2 compliant.

Rework script to first preload next image before transitioning the current
image out.  The next image will be inserted into the DOM prior to the
current image being transitioned out.

This will allow for crossfades between images.

To enable simultaneous transitions, a setting will need to be enabled.

I want to put 3 galleries on the same web page but when I do it, only the first 
on appears. 
The gallery is fine, but I need three of them on the same page. 
Is there a way to do this easily?

This is not an error, but it would be excellent if you could add an area
for automatic EXIF data!

What steps will reproduce the problem?

1. Create a gallery with more thumbnails than will fit on one page.


What is the expected output? What do you see instead?

- The expected output is a collection of properly paginated thumbnails
- What is actually seen is a grid of thumbnails with other thumbnails
rendered by the UA on top / around the grid because they are not being
hidden.  There also seem to be some border lines (1px solid), but these are
probably other parts of the page appearing in odd places because of the
rendering mess made by IE8.


What version of the product are you using? On what operating system?

- Galleriffic version uploaded on 26th Sept. 2009, used with Vista + IE8

- Same version tested on Mac (10.5.8) with Firefox 3.5 and Safari 4.0, and
on PC (XP SP2) with Firefox, IE7, IE6 and Chrome.  No issues found.


Please provide any additional information below.

- It might be possible to fix this by updating the CSS to work with IE8's
odd way of doing things.  Or it might be that the Javascript is creating
stuff and attaching it to the DOM in a way that IE8 doesn't like.

I would like to slow down the rotation of images in the slideshow, but when I 
adjust the default 
"delay" var to 5000 or even 10000 milliseconds, I see no result.  Do I need to 
adjust another 
variable? Any help would be greatly appreciated!

How do I place the thumbnails on the left of the big picture (instead of 
underneath...)

If there are alot of images, its very slow to load the 1st page, for 
example, your wedding gallery.

Using your Latest version on Windows XP, IE6.x

Suggestion: Is it possible to load the 1st page and have the others 
loading in the background.

What steps will reproduce the problem?
1. IE7 Bug, when you change image, i got an error

jquery error, i have tryed alle version from v1.2.6, to v1.3.2, but a ie
bug, in the jQuery script, i know it's not here, i have to post it, but,
it's the firs place, where i have see this bug

It would be great if there was a boolean option like 'removeThumbCaptions'
so that the caption div is not removed from the list item when initializing
Galleriffic.

I was trying to modify the code accordingly, but didn't have enough
knowledge of JavaScript and jQuery to carry it out.

This is what I'm talking about:

<ul class="thumbs noscript">
  <li>
    <a class="thumb" href="/img/image.jpg" rel="history">
      <img alt="" src="/img/thumbnail.jpg"/>
    </a> 
    <div class="caption">
      Please, do not remove me unless I give my permission. 
    </div>
  </li>
</ul>

What steps will reproduce the problem?

Open "advanced.html" with Firefox 3.5.2 or Safari 4.0.3 on MacOS X 10.5

What is the expected output? What do you see instead?

The first image pops out of the usual image frame.
The "Download original" box is covered by the image.
See screenshot.

What version of the product are you using? On what operating system?

$ date
Sa 15 Aug 2009 15:31:18 CEST
$ svn checkout http://galleriffic.googlecode.com/svn/trunk/ galleriffic-example
...
Checked out revision 8.

What steps will reproduce the problem?
1. Init the gallery with some images.
2. Note that there is no native way to add or remove photos.

What is the expected output? What do you see instead?
A function which accepts the needed params - thumb url, image url, caption
etc and adds it to the gallery, and an accompanying method to remove them.

What version of the product are you using? On what operating system?
1.0, IE/FF etc

Please provide any additional information below.
Please contact me at [email protected] if you need any help in dev,
clarification of the functionality etc.

--
Andrew Lundgren

When working on a web application for a particular client, I needed the
ability to easily set the maximum number of pages displayed in the pager.

I've attached a patch which adds the specified functionality using an
option named "maxPagesToShow" which defaults to 7.

What steps will reproduce the problem?
1. Load the page, the slideshow div will be hidden and the thumb div will
be shown.
2. Script is changed to work on mouse over instead of click, so just move
your mouse over the first thumb of the page.
3. You will see the loading image between 1 and many seconds until the
image is shown.

I'll provide you access to the beta site so you can see all the calls to
gallerriffic non minimized:
User: galleriffic
Pass: guest
Url:
http://beta.nhq.com.uy/Venta-Casa-en-Montevideo-Carrasco-Financiacion--595.html

What is the expected output? What do you see instead?

Expected result from the first thumb page first image would be to show
inmediatly, as it's supposed it's the first image to load, however there is
something else loading before the first image get even loaded.

Is it thumbnails from other pages loading first that images from first
page? So I've 50 thumbnails and show 12 per page, won't first full image of
first page load after the first 12 thumbnails have been loaded?

What version of the product are you using? On what operating system?

Jq 1.3, FF 3.0.3, Ubuntu 8.10 (64 Bits)
Kernel: 2.6.27-14-generic #1 SMP Tue Aug 18 17:21:41 UTC 2009 x86_64 

Please provide any additional information below.

Just want to know why this long delay, we used to shoe images using jquery
without this delay before, however we didn't have pagination, just a scroll
which was not user friendly at all and that's why we switched to the
amazing Gallerriffic (This is just an issue, your script it's amazing).

I am trying to use this running the list of pics from a query.
It seems to run OK once loaded, but it displays all of the captions until
the page finishes.  Here is an example: http://www.bloodbanktalk.com/dilbert/.
This page will be over 7,000 images long when done.  Is this something
gallerific can handle?

Thanks, Cliff

-) What steps will reproduce the problem?
1. right click on a slide with firefox 3.5
2. there is no context menu, the next slide will load, as with left click

-) What is the expected output? What do you see instead?
expect a context menu, to be able to save/copy the image, etc.


-) What version of the product are you using? On what operating system?
using the latest version from google code. firefox 3.5, windows vista 64.

Hi,

Thank you for sharing such a great plugin!

but i'm having some problem to implement a few of them in one page. The 
inital image at the right hand side seems like displayed randomly from 
first image of each gallery whenever i reload the page, where the caption 
was displaying the caption of first image from first gallery !

Much appreciate you are able to help me on this.

Thank you in advance =)

I notice we can resize the thumbnails with normal html width and height 
attributes.  However, when I have an image that is somewhat bigger than 
the gallery, it gets outta wack.  It would be nice to have the option of 
resizing the main image, instead of having to resize the original image to 
match the gallery.

What steps will reproduce the problem?
1. open http://www.twospy.com/galleriffic/advanced.html
in Opera 9 early versions (9.01 and 9.21 f.e.) 

What is the expected output?
Galery Demo page.

What do you see instead?
Galery Demo page, that doesn't work.

What version of the product are you using? On what operating system?
galleriffic 1.0 and 0.7. winXPpro

Consider renaming "goto" to something like "go2" because goto is a reserved
word and it shows up as error in my IDE.

Hey,

I switched over from galleria to this because I needed multiple galleries
on a single page. One thing I liked about galleria is its "automatic"
thumbnail generation (which was just merely forcing and resizing the normal
picture). It required a lot less HTML to get going and for my purposes
worked fine. It'd be cool to have this as an option with similar markup as
galleria!

Thanks!

What steps will reproduce the problem?
Until now don´t have any problem

What is the expected output? What do you see instead?

First of all, your code is so wonderful!
I was using Galleria, but I got same issues and changed to your plugin
(when using IE 7 the page was scrolled to the bottom alone).


On my project I needed a zoom button, for this I got the jquery.lightbox
plugin and into each <li> I inserted an input hidden to keep the url from
bigger image and using the onChange from galleriffic I did:

var nextItem = $('#thumbs ul.thumbs').children().eq(nextIndex);
var source = nextItem.find('input').attr('value');
var title = nextItem.find('img').attr('alt');               
$("#linkZoom").attr('href',source);     
$("#linkZoom").attr('title',title);

And its working nice, and I think that could be a nice freature to your plugin

It could be wonderful to be able to integrate galleriffic with NextGen
gallery wordpress plugin. It could help a lot of people. galleriffic is the
best jquery gallery plugin I've seen so far. Keep up the good work! Thanks,
Omer

What steps will reproduce the problem?
1.Have a look at http://www.images4display.co.uk/landscape.aspx
2.Thumbnails do not load on first load of page
3.If you go to next page thumbnails load ok for that page.If you then go 
back to the first page the thumbnails load fine.

I populate the list with a database query and have moved the navigation 
below the images. Really like the gallery. All works fine in ie6 and 8, 
firefox. Only prob is in ie7.

Great work.

Hello;

I am trying to install the gallery and it's works ok. But no i want my
contents images take the 100% of the parent div.

How can i make it please?

Thanks and sorry for my english?

What steps will reproduce the problem?
1. Make sure in your layout the container holding gallery, slideshow and
caption div's is set to position:relative (so we have 0,0 grid co-ord
position relative to our slideshows position within the page layout, not
the main default browser 0,0 position)
2. Set the div.embox class to an absolute position that places it over the
slideshow div. Depends upon the height of the #gallery or .content in your css.
3. Give the div.embox class a transparent png as a background

What is the expected output? What do you see instead?
In Firefox etc all is well, the transparency works just fine. But then
there's Internet Explorer. I'm using V7 and for some reason the opacity is
stripped. Not only in caption strip but also the thumbnails.


What version of the product are you using? On what operating system?
The offending browser is IE7 on PC running XP

Please provide any additional information below.

How can I achieve a cross fade effect where the second image fades in as
the previous is fading out? 

Good Day!

First of all thanks a lot for this wonderful gallery.

I have only a question regarding in loading of the thumbnails..

Currently in the gallery it will load all the thumbnails then just hide it
by per page..

What i want to do is when loading the gallery.. It will load only the first
page thumbnail not all the thumbnail.. when you click the page 2 it will
only load the thumbnail for page 2.. Is this possible?

I try to edit your code but no success.. Can you help me.. or just explain
it where part of your code that i will edit.

Thanks and Have a Blessed Day!

What steps will reproduce the problem?
1.Go to http://development.zipcm.com/temp.asp
2.
3.

What is the expected output? What do you see instead?
The thumbnals, and the images

What version of the product are you using? On what operating system?
1, Windows XP

Please provide any additional information below.
I've tried adding in a removeAttr("style"); however the #slideshow div
always renders with an opacity: 0;

I'd like to have all the thumbnails on one page as compared to having 12
displayed and then having to press the next button to get to the rest. 
What part of the code do I need to change to do this?

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?


What version of the product are you using? On what operating system?


Please provide any additional information below.

What steps will reproduce the problem?
1. Disable top pager (enableTopPager: false)
2. See generated gallery html and notice an empty <div class="top
pagination"></div>

What is the expected output? What do you see instead?
The empty <div> should not be rendered, as is the bottom pager behaviour
when disabled.

What version of the product are you using? On what operating system?
Galleriffic 1.0. Firefox 3.5.3. Windows XP.

Please provide any additional information below.
I suggest the following code, analog to the bottom page rendering code:

                // Rebuild top pager
                if (needsPagination && this.settings.enableTopPager) {
                    var $topPager = this.$thumbsContainer.find('div.top');
                    if ($topPager.length == 0)
                        $topPager = this.$thumbsContainer.prepend('<div class="top
pagination"></div>').find('div.top');
                    else
                        $topPager.empty();
                    this.buildPager($topPager);
                }

Demonstrated how to show the caption on top of the slide with the ability
to toggle it on and off.

This is a no-brainer.

Just a little CSS trickery

Hi Trent,

This could be down to installing it wrong, but I'm not sure, sorry I
couldn't find an e-mail address for you which may have been better, but anyway.

Basically when clicking on a thumb link the image #id being appended to the
Url doesn't match any images in the gallery.  For instance, the first image
is loaded fine, when I click next / play slide / the actual thumb, the
number generated may be something like #22, however there may not be that
particular image and if it were, it wouldn't be the right one it's
corresponded to.  I can in fact navigate by entering a correct id directly
into the Url, like #1 or #2 and it does present the corresponding image.

I can't find where the id is generated or if any of the settings make this
issue occur.  If you could point it out, it would be great.

Also the loading div doesn't get replaced by the slideshow like happens on
your advanced demo, even though I've just copied your code?  Any reasons
why?  I have got round it by just commenting out that div.

This happens on all browsers / operating systems I've used.

Thanks for a great module.

What steps will reproduce the problem?
1. HOver over image
2. Right-click to save image
3.

What is the expected output? What do you see instead?
Some type of obstification? I have been using a CSS/jquery call to fade in a 
note saying "don't 
copy, etc". But I haven't been able to merge that here.

What version of the product are you using? On what operating system?


Please provide any additional information below.

Is there any way to show the top-bottom pagination somewhere else than the
default location? 

I have attempted to use jtemplates and other jquery templates to implement 
gallerific.  I am finding that the "noscript" class on ul element is 
causing this not to load the html dynamically. I dont have any errors 
returning from the code.  

I dont know if anyone has attempted to load this with a jquery template 
yet.

 I love the Galleriffic plugin and it works great on the iphone, but for some reason it does not work in Safari/Mac with iframes. 
http://www.dylangeorge.com/dylangeorge/presseditorials.lasso

This is the answer I got from Anders at Jalbum.

"I made a simple test at http://www.ac/frames/ . It's a frameset that loads the 
Galleriffic demo page. It works exactly as good and bad as 
yours.

So, I'm afraid that the problem is a combination of Galleriffic + frames + 
Safari. The skin uses a special technique to not reload the page 
for each click on the thumbnails. Maybe this does not work well with Safari in 
frames.

My suggestion is that you contact the author of the skin for this problem, or 
choose a different skin. "Simple Viewer" 
(http://jalbum.net/skins/skin/SimpleViewer) offers a similar layout, but uses 
flash instead of the jQuery/Javascript library which seems 
to cause the problem."

Thank you

Victor

Hi Trent,

I am using this for a page with about 7,000 small images. To get to the end
is quite cumbersome.

If you’d be willing to modify the pagination, I’d make a small donation.
I’ll be happy to make the donation in advance.

I’d like two things.

First, move it to below the image / caption area so it can span wider than
the links listed directly above.

Second, make it more user friendly for large numbers of images, i.e.:
« First|‹Previous | Page:1 … 5 6 7 … 386 | Next›|Last»

Thank you for your consideration,
Cliff

Hello,
Thank you for this great plugin but I want to ask a question about a 
problem.

Some thumbnail and original images sometimes have visual problems on 
Internet Explorer 7 & 8. Mostly on the black colors on an image, big white 
spots occur. Those spots sometimes occur bigger, sometimes smaller. On 
Firefox, there is not any problem.
I am sending a screenshot, and an original image for making a compare. 
I marked the problems on screenshot with red color.

Thank you,

Hiya,

Just an idea for improvement could be key support like when you hit the
arrow right you go 1 image to the right or something like that. Pretty much
like facebook. That would be aboslutely insane! And I am sure i'd donate
then :D

And in case you don't know them I'll just give you some basic javascript
keycodes.
Arrow up = 38 (Start slideshow prehaps?)
Arrow Down = 40 (Stop slideshow?)
Arrow Right = 39 (Next image)
Arrow Left = 37 (Previous image)

Keep up the awesome work!

Cheers
Kasper

Many thanks for solving issue #9!

Another problem though.

If the thumbs are not in square form but a
mixture of portrait and landscape the layout is somehow funny.

Please see screenshot.

I checked with Safari 4.0.3 and Firefox 3.5.2 on MacOS X.

Best regards,
  Axel

Is it possible to make the gallery slidehow start automatically on page load?

When I rUn the gallery and om certain images, the white specs appear. See 
some of yr wedding pics. Its happening to me as well

Latest version on WIndows XP using IE 6.x

cheers
Denis

What steps will reproduce the problem?
1. Clicking "Play Slideshow, Next or Previous Photo" buttons
2. Clicking any thumbnail.
3. Clicking an image.

What is the expected output? What do you see instead?
I'd like the ability to refresh the entire page with each image transition.

What version of the product are you using? On what operating system?
1.0/OS X 10.5.8

Please provide any additional information below.
Where in the source galleriffic.js file should I insert a
location.reload(true); in order to cause the entire page to reload with
each image click?

Move the event handlers from the settings object to the gallery object so
that within the handler the 'this' special variable will refer to the
gallery instead of the settings object.

See http://trentacular.com/2009/02/galleriffic-1-0/comment-page-8/#comment-590

Ability to display 1 of 20 etc.

Currently, the script uses a modified version of the history plugin.

I would like to pull out all history code from the galleriffic script and
have it rely on the history plugin if present for manipulation of the hash.

Hi Trent,
First of all many thanks for amazing plug-in!

I'm just trying to understand what I should change in your plugin or in one
of accordion plugins to support thumbs folding in accordion tab. Is there
any way to share one #gallery container between many list of thumbs?