Skip to main content
RockyRakoon
RockyRakoon
Known Participant
December 3, 2019
Answered

Lightbox issue [can't preview]

  • December 3, 2019
  • 2 replies
  • 2045 views

I'm not an experienced Dreamweaver user--meaning I use Dreamweaver to work on a website designed by my predecessor.  On most of our pages we include a lightbox gallery of photos related to the page topic.  Whenever I needed to create a new page, I took an existing one, resaved it under a new name, and then modified what needed to be modified to make the new page.

 

So to create the new gallery, I went into the lightbox grid on my page, deleted the contents of each gridbox, then added back in each new thumbnail and linked it to the full-size image.  But now with Dreamweaver 2020 I can't do that any more.

 

I need to create a new page that includes a six photo grid, 3x2.  I do what I normally do and everything looks fine.  But for starters, since the 2020 update, the live view no longer features a workable lightbox gallery...I click the thumbnails and nothing happens, so I can't test before uploading to the remote server.  When I do that I get to the new page, and when I click a lightbox thumbnail, instead of creating the image above the page with forward/back arrows, it creates a new full page with nothing but the full-size image on it...so I would have to hit the back arrow in Safari to move back to the prior page where I can see the lightbox gallery again. 

 

To make sure it wasn't me that was doing something different, I opened another page, changed some text but did not modify the gallery at all.  Saved the page and then uploaded it to the server and I get the same thing...clicking on a lightbox thumbnail--that I did not modify in any way--takes me to a new full page with nothing on it but the full-size image of what the thumbnail protrayed.

 

Here's a link to the particular page in question:  

 

http://www.detailandscale.com/scale_model_F-80C_Shooting_Star_Monogram_1_48th_scale_(general_photo_gallery).html

 

Can anyone help me figure this out so I can go back to "recreating" my lightbox galleries?

Rock

This topic has been closed for replies.
Correct answer BenPleysier

Ben, from one old guy to another, thanks for taking the time to work with me.

 

I've deleted the red stuff and all still seems to be working OK except my original problem still exists...can't get the lightbox gallery to work as clicking on a thumbnail still shows me a single full resolution photo on a new page.


Rock


Oops, one too many deletions. Please put this back, not in the template, only in the relevant page.

 

2 replies

Nancy OShea
Nancy OShea
Community Expert
December 4, 2019

That lightbox script is sorely out of date and so is the jQuery library that supports it.  

 

It would be great if we could see a code BEFORE and AFTER.  You say DW is doing something to break your pages.  But we don't have any idea what that means without seeing the code before and after.   I suspect the site has been broken for a while though.  

 

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
RockyRakoon
RockyRakoonAuthor
Known Participant
December 4, 2019

Hi, Nancy, and thanks again for hanging with me.

 

Well, as I play around with this maybe it's not a code issue after all.  I go to our website and check a page that exists there with a working lightbox gallery.  Then I use Dreamweaver to open the page, save it without making any changes, and then use Filezilla to ftp the file to the remote server, and when I relook at the page the lightbox gallery no longer works.

 

Here is a screenshot of a lightbox gallery working--it creates a slidewhow above the webpage where you can next/previous to other photos in the gallery.

 

But after I resave the file with no changes, clicking on a thumbnail in the grid now shows the image full size but on a page all by itself and I have to use the browser back button to get back to the page with the grid...a new page is shown below:

Now the really weird thing is I now think it's not a Dreamweaver 2020 problem.  Because this happens when I save the new file using Dreamweaver 2020 on my iMac, but it also happens if I save the new file using Dreamweaver CS6 on my MacBook Pro.

 

Still clueless...but appreciative of your continued help.


Rock

BenPleysier
BenPleysierCorrect answer
Community Expert
December 5, 2019

Ben, from one old guy to another, thanks for taking the time to work with me.

 

I've deleted the red stuff and all still seems to be working OK except my original problem still exists...can't get the lightbox gallery to work as clicking on a thumbnail still shows me a single full resolution photo on a new page.


Rock


Oops, one too many deletions. Please put this back, not in the template, only in the relevant page.

 

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Nancy OShea
Nancy OShea
Community Expert
December 3, 2019

Of course you can preview your work.  Use your local browsers to test. 

Right click the open tab, select Open in Browser.  See screenshot.

 

 

If the page is not working, validate your code and fix reported errors.

 

 

 

Nancy O'Shea— Product User, Community Expert & Moderator
    RockyRakoon
    RockyRakoonAuthor
    Known Participant
    December 3, 2019

    Thank you for your reply, Ma'am.

     

    Thanks for that preview tip.  I can do that now and it shows the webpage fine, but when I click on one of the lightbox thumbnails it doesn't create the lightbox "window" over the page but opens a new blank page with nothing but the full-size photo in it, so the lightbox gallery again isn't working...my issue was not really with the lack of preview capability but the fact that the lightbox gallery no longer worked in DW2020.

     

    I was also clueless on code validation.  I tried it and found two errors, but I'm not code-smart enough to know how to fix:

    First error:  Bad value Content-Type for attribute http-equiv on XHTML element meta . [none].  The line it points to is:

    Line 6:  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

     

    Second error:  need whitespace between attributes [none]. The line it points to is:

    Line 16:  var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)

     

    I don't understane either of these errors, but both lines have been used on countless pages on our website before, so I'm still in the dark.


    I do apprecaite your taking the time to help me though, Nancy.


    Rock

    Nancy OShea
    Nancy OShea
    Community Expert
    December 3, 2019

    "I was also clueless on code validation. I tried it and found two errors, but I'm not code-smart enough to know how to fix:"

     

    If you can't work with code, I don't know why you are tasked with managing a web site.   Your #1 priority is to keep the site running and you can't do that if you can't fix your code errors.  Find a working lightbox document and compare the code with your non-working document.  

     

    It's essential that you start learning to read and write code before things get any worse.  Read the chapters, do the code exercises, take quizzes at the end.

     

     

    Nancy O'Shea— Product User, Community Expert & Moderator
    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices