TUTORIAL: SLIDING VIEWER
Live Preview
INSTRUCTIONS
Paste this code directly beneath the <head> tag
Paste this code underneath the <style type=“text/css”> tag
Paste this code under the <body> tag, wherever you want the viewer to appear
NOTES
The highlighted area indicates the arrows. Arrow resources: x, x or google search “arrow buttons” Basically: [‘image source’, margin left, margin top]
The second part of coding is all up to you as far as appearance goes.
In the final code, please use only one option. The most popular in my experience is A, as it is simple. If you choose B make sure you have included all necessary codes.
COMMENTS
Hopefully this is easy to understand. Just wanted to make a quick tutorial because I’ve yet to see one and it seems like a really helpful resource to theme makers. If you have any questions / feedback / advice feel free to message me.
