5 Correct answers
Try the below code, it's a slight improvement on the code you have provided. I can't help thinking though if you are showing graphics it might be better to show them in an overlay modal window gallery.
The below is activated by 'onclick' rather than 'onmouseover' as that will do nothing in mobile devices. If you're not bothered by mobile footfall then you can always change 'onclick' to 'onmouseover'.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="
Well I too am from a graphic design/print background dating back to the 1970's, still participating in it up until recently, so 47 years if you include the 4 years I was at design college - I doubt you can teach me much about graphic/print design, that I don't already know.
It's a shock to the system when you first start getting into web development that much I can tell you, rip up and throw away almost everything you know about graphic design/print when it comes to web design/development, the
...
...I'm assuming for the nesw .css files it will be the same without the <style></style> tags?
Yes, you are correct
When I opened Dreamweaver again nothing worked. Could have clicked 'til the cows come home and no images would ever show.
No idea what broke. I didn't touch the script. Just formatted the appearnce of the buttons, and copy/pasted some new ones in. If there is a limit to how many buttons one can have it doesn't say.
It happens, usually due to operator error or panic setting in, you st
It's not really accessible at my level of ignorance.
===========
I'm not sure what is confounding you about Fancybox. It's EZPZ to deploy with just 2 scripts.
WORKING EXAMPLE:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fancybox 4 Demo</title>
<!--INSERT FANCYBOX CSS-->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/@fancyapps/ui/dist/fancybox.css">
<!--OPTIONAL CLASSIC STYLES FOR FANCYBOX VIEWER-->
<style>
a[data-fancybox] img { cursor: zoom-iYou're welcome.
Copy & paste entire code exactly as presented -- WITHOUT any other nonsense.
1. Go to File > Save and name it Fancybox-test.html.
2. Right-click the open document tab in DW > select Open in Browser to see it action.
3. Adjust your browser viewport by dragging the application frame handles to test it's responsiveness.
Fancybox has many options that are detailed at length in the online documentation. Post back if you have any questions.
30
Replies
And this morning I open the same file and everything is working perfectly. Problems? What problems?
What you are describing could be a browser caching issue, that catches almost all new developers out. The browser has a habit of keeping old pages in its memory so doesn't always reflect the changes you make in the editor, shutting it down and opening it again could well have cleared the cached page.
A good tip l only recently picked up here is to go to the network tab in your browser tools and check the no cache box. Keep the browser tools open while you are in production and things will run more smoothly.
You might also consider going incognito in the browser, l believe that also won't cache the page.
The browser cache affects the behaviour of the pages inside of Dreamweaver? I wasn't checking it in a browser. I haven't got it functioning reliably enough to check it in a browser yet. This is all happening inside of Dreamweaver.
No, browser caching does not affect anything inside Dreamweaver. I'm not sure what you mean you havent got 'it functioning reliably enough to check it in a browser yet' - that is the ONLY way to check your code functions correctly, so I'm not sure what approach you are taking, unless its just a case of not being adept within the coding environment and you, as the user, are messing things up.
Web development is not my real focus (as if you couldn't tell), I have the one personal website, because I am a disgusting showoff, and have absolutely no interest in trying to build any additional ones. But I am stuck with this one. I do want to keep it online, partially because there is what I believe to be a relatively useful theater crafts book that I have available as a free download in the publicatins collection. But mostly it's just there to show off hobby work and fan art. (And fan theory essays. Lots of essays.)
It doesn't sound as though you have it in you to successfully go on with the workflow you are currently using, web-development is not part time or one-off, its a career journey. You might want to investigate Wix or Weebly, Square Space etc, where supposedly no code knowledge is required.
This is basically the third time I've needed to relearn everything from the ground up in a whole different prograam -- and it may have the same name, but CC2021 is an entirely different progran from CS6, and very few of the of the methods and procedures of CS6 are transferable -- in order to keep the site functioning and to be able to maintain it on my current computer (whichever computer that happens to be). I am miffed at software which breaks if you look sideways at it. But it can hardly be worse than nesting tables inside of other tables ad infinitum as I had to do in GoLive.
As I said, the learning never stops, web-development moves at a fast pace, too fast in my opinion to consider your an expert in anything related to web-development.
AdChoices