edv/VERAG_Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first git

Browse Source
This commit is contained in:
Andreas Luxbauer
2021-07-06 10:03:36 +02:00
commit 7937ab972e
417 changed files with 18573 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
js/topup/2. Grouped links/1. TopUp preset.html Normal file
View File

@@ -0,0 +1,51 @@
<html>
<head>
<title>Grouped links - Using a TopUp preset</title>
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css"/>
<link rel="stylesheet" type="text/css" href="../stylesheets/example.css"/>
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
</head>
<body>
<div id="page_background"></div>
<div id="page_wrapper">
<div id="page_header" onclick="document.location.href = 'http://gettopup.com'">
<h2>TopUp</h2>
<h1>The #1 Javascript Pop Up made by Paul Engel</h1>
</div>
<div id="page_content">
<div id="description">
<h2>TopUp preset</h2>
<p>
Specifying a TopUp preset is just like specifying style attributes to a CSS selector in your stylesheet.
The great advantage of using presets is that it provides you to keep your HTML <strong>entirely(!)</strong> clean.
</p>
<p>
Just call <code>TopUp.addPresets()</code> with a hash as parameter.<br>
The key of each entry has to be a CSS selector and the value has to be a hash of toptions.
</p>
<p>
So for grouping links, just specify <code>group: [name]</code> in the preset.
</p>
</div>
<h2>Demo</h2>
<div id="demo">
<div id="examples">
<a href="photos/by-ben-adamson.jpg"><img src="thumbnails/by-ben-adamson.jpg"/></a>
<a href="photos/2.jpg"><img src="thumbnails/2.jpg"/></a>
<a href="photos/3.jpg"><img alt="At Sunset" src="thumbnails/3.jpg"/></a>
</div>
<script type="text/javascript">
TopUp.addPresets({
"#examples a": {
title: "Gallery {alt} ({current} of {total})",
group: "examples",
readAltText: 1,
shaded: 1
}
});
</script>
</div>
</div>
</div>
</body>
</html>

31
js/topup/2. Grouped links/2. Toptions.html Normal file
View File

@@ -0,0 +1,31 @@
<html>
<head>
<title>Single links - Using Toptions</title>
<link rel="stylesheet" type="text/css" href="../stylesheets/style.css"/>
<link rel="stylesheet" type="text/css" href="../stylesheets/example.css"/>
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
</head>
<body>
<div id="page_background"></div>
<div id="page_wrapper">
<div id="page_header" onclick="document.location.href = 'http://gettopup.com'">
<h2>TopUp</h2>
<h1>The #1 Javascript Pop Up made by Paul Engel</h1>
</div>
<div id="page_content">
<div id="description">
<h2>Toptions</h2>
<p>
Just add a <code>toptions</code> attribute with "group = [name]" to your TopUp elements.
</p>
</div>
<h2>Demo</h2>
<div id="demo">
<a href="photos/by-ben-adamson.jpg" toptions="group = links, effect = clip"><img src="thumbnails/by-ben-adamson.jpg"/></a>
<a href="http://smashingmagazine.com" toptions="group = links, shaded = 1, type = iframe, effect = fade, width = 1010, height = 600, layout = quicklook">Smashing Magazine</a>
<input type="button" value="Open Google" href="http://www.google.nl" toptions="group = links, type = iframe, effect = fade, width = 900, height = 475, overlayClose = 1, layout = quicklook"/>
</div>
</div>
</div>
</body>
</html>

2
js/topup/2. Grouped links/README Normal file
View File

@@ -0,0 +1,2 @@
TopUp offers you to group links together so you can navigate between them in the TopUp.
In most cases the group feature is used for image galleries, but TopUp provides you the ability to group ANY type of links together.

BIN
js/topup/2. Grouped links/photos/2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
js/topup/2. Grouped links/photos/3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 225 KiB

BIN
js/topup/2. Grouped links/photos/by-ben-adamson.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 313 KiB

BIN
js/topup/2. Grouped links/thumbnails/2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
js/topup/2. Grouped links/thumbnails/3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
js/topup/2. Grouped links/thumbnails/by-ben-adamson.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB