logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > Javascript and JS frameworks
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 11-19-2017, 02:26 PM   #1
rjwortmann
 
Join Date: Sep 2013
Posts: 10
Default help with open window

I'm trying to open an image in the existing window.
I've downloaded all files (http://www.jquerycode.com/lightboxes/shadowbox-js/)
and copied this to the website i like to use it in (www.goreyhc.com/History2.html. click on newspaper articles)). however the images do not appear the original size... and that is exactly what i wanted to achieve: To open the image in original size... not very good at JS im afraid...
rjwortmann is offline   Reply With Quote
Old 11-21-2017, 01:40 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

cant see the link to newspaper articles. i fo you give me link ill check for you
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 11-21-2017, 09:04 AM   #3
rjwortmann
 
Join Date: Sep 2013
Posts: 10
Default

http://www.goreyhc.com/images/history/ghc004-1.jpg is the link the articles are linked to.

But if you go to: http://www.goreyhc.com/images/history2 you will see the two newspaper articles on the right hand side.

many thanks
rjwortmann is offline   Reply With Quote
Old 11-22-2017, 04:34 AM   #4
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

i looked at your history page and you are not using a lightbox at all so dont see what you want to be honest
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 11-22-2017, 04:41 AM   #5
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

i would sugest using lightbox plug in far simpler to use. old but still works

https://github.com/lokesh/lightbox2

i will put an example below
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 11-22-2017, 04:46 AM   #6
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,175
Default

to use link to the sources in the head
Code:
<link rel="stylesheet" type="text/css" href="lightbox/css/jquery.lightbox-0.5.css" media="screen" />
    <script type="text/javascript" src="lightbox/js/jquery.js"></script>
    <script type="text/javascript" src="lightbox/js/jquery.lightbox-0.5.js"></script>
ad a script nominating a div in this case gallery

Code:
<script">
        $(function() {
            $('#gallery a').lightBox();
        });
        </script>
then html where ypo want it to appear (in your case sidebar but i have nominated gallery


Code:
<div id="gallery">
                  <ul>
                        <li>
                            <a href="photos/image2.jpg" title="Company Snapshot - see your business current situation at a glance "> <img src="photos/thumb_image2.jpg" height="120" alt="Company Snapshot - Quickbooks" /> </a>
                        </li>
                        <li>
                            <a href="photos/image3.jpg" title="Customers and jobs list."> <img src="photos/thumb_image3.jpg" height="120" alt="Customers and jobs list - Quickbooks" /> </a>
                        </li> </ul> </div>

this is a copy paste from a old site bu should be easy to followi think
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 11-22-2017, 10:39 AM   #7
rjwortmann
 
Join Date: Sep 2013
Posts: 10
Default

Quote:
Originally Posted by edbr View Post
to use link to the sources in the head
Code:
<link rel="stylesheet" type="text/css" href="lightbox/css/jquery.lightbox-0.5.css" media="screen" />
    <script type="text/javascript" src="lightbox/js/jquery.js"></script>
    <script type="text/javascript" src="lightbox/js/jquery.lightbox-0.5.js"></script>
ad a script nominating a div in this case gallery

Code:
<script">
        $(function() {
            $('#gallery a').lightBox();
        });
        </script>
then html where ypo want it to appear (in your case sidebar but i have nominated gallery


Code:
<div id="gallery">
                  <ul>
                        <li>
                            <a href="photos/image2.jpg" title="Company Snapshot - see your business current situation at a glance "> <img src="photos/thumb_image2.jpg" height="120" alt="Company Snapshot - Quickbooks" /> </a>
                        </li>
                        <li>
                            <a href="photos/image3.jpg" title="Customers and jobs list."> <img src="photos/thumb_image3.jpg" height="120" alt="Customers and jobs list - Quickbooks" /> </a>
                        </li> </ul> </div>

this is a copy paste from a old site bu should be easy to followi think
ok ill try this.
rjwortmann is offline   Reply With Quote
Old 11-22-2017, 10:45 AM   #8
rjwortmann
 
Join Date: Sep 2013
Posts: 10
Default

Quote:
Originally Posted by rjwortmann View Post
ok ill try this.
it doesn't work, with this sample of lightroom another window opens and thats not what i want. I want it as working on my website, where the image appears in teh same window but the original size of the image and close when clicked.
On my website the only thing that doesn't work is the image appearing in the original size. That's where the problem is at the moment.
thanks for your help anyway.
rjwortmann is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:49 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com