Image galleries

L

Lisa A

Yes, I can see it as a small pop up window when I click on the image. Is it
possible to have it come up as a mouseover?
thanks,
Lisa A
 
T

Trevor Lawrence

Lisa A said:
Yes, I can see it as a small pop up window when I click on the image. Is
it possible to have it come up as a mouseover?
thanks,

Well, I am confused

When I open this page http://www.gocafeconcepts.com/3dmascotmolds5.htm ,
putting the mouse over the image uses a larger image to open.

But I did notice an error in the code which means that clicking the smaller
image does not work.

It reads
<p align="center">
<a href="target="_self"
onmouseover="spawnJimcoPopup
( 'http://www.gocafeconcepts.com/mascotmolds/mold1b.jpg', '_blank',
'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no'
, 350, 375, 'center', '0', 'pixel') ;return false;">
<img border="0" src="mascotmolds/mold1a.jpg" width="200" height="155">
</a></p>

It should read
<p align="center">
<a href=" " target="_self"
onmouseover="spawnJimcoPopup
( 'http://www.gocafeconcepts.com/mascotmolds/mold1b.jpg', '_blank',
'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no'
, 350, 375, 'center', '0', 'pixel') ;return false;">
<img border="0" src="mascotmolds/mold1a.jpg" width="200" height="155">
</a></p>

I did copy your earlier page and, after I made a few changes to refer to the
images in your site, it worked perfectly.

I think the next thing to try would be for me to post the page that works
for me and you can then copy it exactly.

But "exactly" would not work (because of the few changes)

1415 AEDST
 
L

Lisa A

That worked. I think it works with mouseover and click on as well.
Thanks for your help on this. Now I can rest some! It drove me nuts
 
T

Trevor Lawrence

Lisa A said:
That worked. I think it works with mouseover and click on as well.
Thanks for your help on this. Now I can rest some! It drove me nuts

Yes, that's a great relief. As I said, my next thought was to post the whole
page as I had amended it

But I doubt that onclick will work. I tried it and it went to
http://www.gocafeconcepts.com/ - I think because the code is:-
<a href=" " target="_self"
onmouseover="spawnJimcoPopup
( 'http://www.gocafeconcepts.com/mascotmolds/mold1b.jpg', '_blank',
'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no'
, 350, 375, 'center', '0', 'pixel') ;return false;">
<img border="0" src="mascotmolds/mold1a.jpg" width="200" height="155">
</a>
which causes it to go back one level.

For this to work onclick, you need to put the image name inside the quotes
after <a href=
e.g. <a href="mascotmolds/mold1b.jpg"...........

If you want nothing to happen onclick. change this to <a href="#"

BTW, the reference 'http://www.gocafeconcepts.com/mascotmolds/mold1b.jpg'
can be changed to 'mascotmolds/mold1b.jpg'. I may have used the longer
reference during testing, but you don't need to.

Anyway, good luck and have fun. We are all here for any future problems
 
L

Lisa A

Thanks so much. I'll try these different methods, but at least I have it
working now.
Lisa A
 
G

Guest

Hi Lisa A.,
Greetings! I'm also following your posts from CA. MVP Trevor know me very well and we're working on DV
Pop-up Viewer behind the scene. Maybe joining our 3 heads together are better than 2 of us making it work
--- to Pop-up as much Thumbnails as possible?

If you agree to try different methods then I'll post my info so you could join us in searching for the above answer.
All I could say now that this DV Pop-up method is VERY nice and BIGGEST picture Pop-up on ANY users
monitors resolution. Only the picture image area that appears and Pop-up Blocker has no effect on it.

Deal or NO Deal? ;o)
--Rino
 
L

Lisa A

Hi,
I'm game to learn anything new. I was worried about the popups being
blocked as well.
Do you have anything for me to view?
Lisa
 
G

Guest

Hi Lisa,
I understand you said "Deal" but Deal or NO Deal here's the link and my tips:

Divviewer Image Viewer
http://www.javascriptkit.com/script/script2/divviewer.shtml

My tips:
1. We only concentrate on the Cute Baby thumbnail for simple understanding on how to insert thumbnail. As Text or
Thumbnail link are the same and as we master one then we master both already.

2. If you click the Cute Baby thumbnail it Pop-up a maximum size (not full screen size) and it follow everything I've said from
my first post except the author did NOT mention how we can Copy&Paste (that easy?) his JavaScript and works for other
new Thumbnails. To close Pop-up: click "x" button found at upper right corner.

3. We can easily make our FIRST thumbnail Pop-up BUT try your 2nd one and it always Pop-up a wrong picture. No use
trying on 3rd one. This is my test page: http://dwarfurl.com/d6223 you may click the Red Invitation card to start your quest.

4. You may try contacting Axel Schneider BUT I've no luck on him -- sent him 4 eMail already. ;o(

5. Try to Google "DivViewer" and you'll find new info and latest DV.js file.

6. Do NOT worry on maximum Pop-up pictures size as we can easily adjust it in the W&H choices in the Head tag.
And YES, it Pop-up correctly on ANY monitors resolution and it is Auto-Reusing of Browser (no need to switch-off
before another Pop-up open -- you only need to bring it forward like in multi pages usage), etc, etc.

7. It Pop-up nicely in IE and Opera. Please follow report for other Browsers.

8. This last one is not a tip but to improve the visibility for the Close button. Can we not change the Box border color
into blue and white for the BIG letter "X" in BOLD with red background? This new color Close button will be good
for all images background color. Could DV.js file hold the answer for this one?

Sincerely,
-Rino
 
L

Lisa A

Hi Lisa,
I understand you said "Deal" but Deal or NO Deal here's the link and my
tips:

Divviewer Image Viewer
http://www.javascriptkit.com/script/script2/divviewer.shtml

My tips:
1. We only concentrate on the Cute Baby thumbnail for simple understanding
on how to insert thumbnail. As Text or
Thumbnail link are the same and as we master one then we master both
already.

2. If you click the Cute Baby thumbnail it Pop-up a maximum size (not full
screen size) and it follow everything I've said from
my first post except the author did NOT mention how we can Copy&Paste
(that easy?) his JavaScript and works for other
new Thumbnails. To close Pop-up: click "x" button found at upper right
corner.

3. We can easily make our FIRST thumbnail Pop-up BUT try your 2nd one and
it always Pop-up a wrong picture. No use
trying on 3rd one. This is my test page: http://dwarfurl.com/d6223 you
may click the Red Invitation card to start your quest.

4. You may try contacting Axel Schneider BUT I've no luck on him -- sent
him 4 eMail already. ;o(

5. Try to Google "DivViewer" and you'll find new info and latest DV.js
file.

6. Do NOT worry on maximum Pop-up pictures size as we can easily adjust it
in the W&H choices in the Head tag.
And YES, it Pop-up correctly on ANY monitors resolution and it is
Auto-Reusing of Browser (no need to switch-off
before another Pop-up open -- you only need to bring it forward like in
multi pages usage), etc, etc.

7. It Pop-up nicely in IE and Opera. Please follow report for other
Browsers.

8. This last one is not a tip but to improve the visibility for the Close
button. Can we not change the Box border color
into blue and white for the BIG letter "X" in BOLD with red background?
This new color Close button will be good
for all images background color. Could DV.js file hold the answer for this
one?

Sincerely,
-Rino
 
L

Lisa A

That looks pretty good. I like how it pops up and you can just click on the
x to close it.
I'll have to try that sometime on a site.
Thanks for sending it and the details.
Lisa
 
T

Trevor Lawrence

Lisa A said:
Thanks so much. I'll try these different methods, but at least I have it
working now.

Lisa and Riino
I have experimented with various slide shows and popup viewers.

See http:///tandcl.homemaii.com.au.rinotan/

The slide show uses BackBox

The sets of images underneath use these popups:-
jkpopimage
divViewer
spawnJimcoPopup
(This is the same as you are using, Lisa, but the HTML says onclick= rather
than onmouseover=)

In terms of the amount of code:-
DivViewer uses quite a lot - the JS file is about 650 lines.
jkpopimage uses about 50 lines
spawnJimcoPopup uses even less - about 15 lines

But only jkpopimage opens the window to suit the size of the image. This is
because I added extra code to do this, courtesy of Steve Easton. It also
adds a caption, so on balance, this is the one I prefer.

No doubt there are many other scripts one can find but maybe one of these
suits you

PS,
I have just finished uploading the folder above, and I found that DivViewer
does NOT work.

Everything works locally and I have checked the code on the server and it
looks OK, so unless someone else can find out why, it doesn't look very
useful

For anyone looking at the code, it fails at this line
<a href="#" onClick="dv.showDV(jesse); return false">
<img src="images/maira_jesse.jpg" height="50" title="Mr. & Mrs.Tan"><br
/>Mr. & Mrs.Tan</a>
with the message: 'dv' is undefined

dv exists in js/dv.js
var dv = new DVObject();
and dv.showDV is also defined

There is a reference to js/dv.js in index.html
<script src="js/dv.js" type="text/javascript"></script>

I have a cut-down version at
http:///tandcl.homemaii.com.au.rinotan/index3.html
It has only the code required by dIvViewer - it does NOT work on the server,
but it DOES work locally
 
G

Guest

Hi Trevor,
I'm sorry to report your 2 links has Error -- Could not locate remote server ;o)

I must thank you Million times publicly here for helping me diagnose the problem I got locally and the server problem.
YES, some local hard drive cannot Pop-up correctly especially using BackBox JavaScript and some hosting server too
cannot Pop-up correctly. To remedy: Try move the whole folders to another separate hard drive and find another
hosting server. I did that and everything now solved for BackBox JavaScript SlideShow.

For now my last quest is to tackle DivViewer. That DV.js is an external file to be uploaded together with our Document
files. It is not a problem for me even if it contained that much lines of code. I preferred its unique feature of image Pop-up.

Have you and others try to contact Axel Schneider -- maybe you're more lucky than me ;o) Please try because it benefits
everybody here.

Thanks Again & Regards,
-Rino
 
T

Trevor Lawrence

Hi Trevor,
I'm sorry to report your 2 links has Error -- Could not locate remote
server ;o)

Rino,
The links should be
http://tandcl.homemail.com.au/rinotan/
(or http://tandcl.homemail.com.au/rinotan/index.html if you prefer)
and
http://tandcl.homemail.com.au/rinotan/index3.html
For now my last quest is to tackle DivViewer. That DV.js is an external
file to be uploaded together with our Document
files. It is not a problem for me even if it contained that much lines of
code. I preferred its unique feature of image Pop-up.

I cannot get DivViewer to work on the server - well, my server anyway.

i have been thinking about why it may be so, but I have not found any
answers by my own thinking

Just for my interest, what are the unique features of DivViewer? - I find
that jkpopupimage (as modified) does a great job and so does
spawnJimcoPopup. Try the first link (as corrected) and click on an image
(e.g "Diamonds are forever") in the first row or third row.

If there is something that DivViewer does that neither of these does, it may
be possible to fix. It may also be easier (for me.at least) than getting
DivViewer to work.
Have you and others try to contact Axel Schneider -- maybe you're more
lucky than me ;o) Please try because it benefits
everybody here.

No, I haven't. There is some problem not associated with the code which is
preventing it from working on the web (at least for me). Until I find out
what that problem is, I don't feel that I should ask him - after all, it
works perfectly on my local disk, and it seems for you (although maybe not
quite perfectly for you either)

Although it seems like a lost cause, I may still keep trying to get
DivViewer to work on a server- it must be possible

BTW, this post is now at the bottom of a very long thread, so I don't expect
that many will see it or decide to respond to it.
 
G

Guest

This is my test page: http://dwarfurl.com/d6223 no Error and fast Pop-up of image. No image background except the picture
itself. No Title bar. No nothing except the image that Pop-up. The Pop-up windows is reusable or no need to close it (you can
verify this on the Cute Baby Thumbnail found at my 2nd posts). It gives Maximum size (not Full Screen size) to any monitors
resolution (I already tested using smallest and BIGGEST monitor resolution and found 100% correct). Pop-up Blocker has no effect on
it. This is very uniqueness and incomparable.

Except I cannot make Pop-up the rest of Thumbnails. I wish we could find a way and solve it ;o)

My actual usage I'll line-up all Thumbnails at the right side of page. Each Thumbnail for each ancestors and descendants and
they're well documented and introduce -- so need of title caption for each thumbnail. People want only to see BIGGER picture.
--Rino
 
T

Trevor Lawrence

This is my test page: http://dwarfurl.com/d6223 no Error and fast Pop-up
of image. No image background except the picture
itself. No Title bar. No nothing except the image that Pop-up. The Pop-up
windows is reusable or no need to close it (you can
verify this on the Cute Baby Thumbnail found at my 2nd posts). It gives
Maximum size (not Full Screen size) to any monitors
resolution (I already tested using smallest and BIGGEST monitor resolution
and found 100% correct). Pop-up Blocker has no effect on
it. This is very uniqueness and incomparable.

Except I cannot make Pop-up the rest of Thumbnails. I wish we could find a
way and solve it ;o)

Re: Why it is unique
Yes, it is true that there is nothing but the image and that the window
doesn't need to be closed. I think that this is because (as its name
suggests) it opens a DIV, not a window

I note that the size of the window is set by the var declaration
e.g. in my test, I used
var jesse ='<img src="images/maira_jesse.jpg" width="672" height="504"
border="0" alt="">'
and this was a smaller image
My actual usage I'll line-up all Thumbnails at the right side of page.
Each Thumbnail for each ancestors and descendants and
they're well documented and introduce -- so need of title caption for each
thumbnail. People want only to see BIGGER picture.

OK.
spawnJimco Popup would do this well, but because it opens a window, you wil
get the title bar and some background.
AFAIK, jkopupimage also reuses the window, so that it doesn't have to be
closed - and the caption can be omitted

I may keep trying, but as I can't get it to work at all on the web, I am at
a bit of a loss until I resolve that problem

Maybe some others can have a look at it
 
G

Guest

Thanks for your confirmation. Now we all in the same path of searching and researching ;o)
Hope Axel is not like those Chinese scholars and inventors (in the ancient days) -- they're very
greedy and they told their secret only to their own male son and if no son then their secret will
be varied with them.

BTW, if you check Our Heritage website I used not _images folder_ but "icons folder" for all my
Thumbnails. In image folder I used 300 dpi resolution of 4 x 6 inches size pictures while in icons
folder I used 72 dpi and about postage stamp size picture -- that is why my page load faster.

--Rino
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top