Adding a slideshow to a webpage - web

I need help. Apologies if the information I provide is not sufficient. I'm sort of an all-arounder at this job and this task has been thrown at me.
I need to add a slideshow to a a webpage. I am not even sure what code I need: jQuery, CSS, or HTML.
The homepage of the website has a Nivio slider (can't access the code to this because its owned by a management company we can't afford to pay).
This is what the editing page looks like: screenshot
The website is http://evelyns-kitchen.com
I am looking to add something like the Nivio slider (if I can't actually add a Nivio slider). Smooth transition, clean, dots below photo to represent the image, left/right arrow. Let me know what other information I can provide! Thank you so much.

Use zoho reports www.reports.zoho.com where you can create reports dashboards slideshows and many more

Related

Grafana Nested Panels

I've been trying to modify Grafana to suit one of my recent needs. Is there any possibility to restructure Panels in Grafana to look something like the image below?
Grafana completely flexible structure/layout
It really does not have to look like the one above, but if there is at least a quick way to get something like the one below, I'd really be thankful:
Grafana Nested panels (two or more child panels inside a parent panel)
Even if it means that I have to tweak the SDK, a small sample of the process flow would be much appreciated.
Thank you very much!
Thats not really possible..
Grafana dashboards contains rows with panels. Panels can have a set width and height.
Here is a dashboard example of how to have panels with fixed width and height: http://play.grafana.org/dashboard/db/advanced-layout
I know this is an old question, but it appeared first at my google search results so i'll post what i've found here.
There's "convert to row" option for panels, which can be used like this:
https://grafana.com/grafana/dashboards/1860
This fully covers my personal demands

Need helpeople with website design

I am newish to coding websites, I've done it before but I want to start getting more advanced. And I need some help, I am attempting to make a website that looks like this:
http://imgur.com/ALdNXbH
Ihave the logo and can do any gfx.
Ok let me give a summery, I want to have the navigation bar around the logo likeep shown, and the quick news could be a feed from a forum or something and I would like to have the navigation bar on all pages not including forum.
I am not asking for you to code it for me but simply just help and general tips.
Thank you very much for reading,
Nick
You should have the navigation at the head of every web page. Think of your users!

Tumblr new audio player in custom theme

I'm trying to help my daughter-in-law with her Tumblr blog. When she tries to add an audio link she gets the following...
You are using a custom theme that doesn't include the code for Tumblr's new audio player.
You can either switch to a preset theme or add the new audio code to your custom theme's HTML (for advanced users).
I have created a blog with a preset theme and and compared the code to hers and see that it is very much different. So much so that I am not sure what to change.
I was able to get the above message to go away by replacing the block:Audio block in the div class="post" div with the following...
{block:Audio}
<section class="top audio">
{AudioPlayerBlack}
</section>
{/block:Audio}
There is a lot of other audio references in the preset theme, but I am not sure where to put it or what is needed.
Is there more I need to do. I am waiting for her to test it, but in the mean time can someone point me to instructions of the proper way to do this, or help me out otherwise?
Thanks,
John
I was able to to test it and it works fine.
For anyone with the same problem, you can simply copy the block:audio code in my question and replace the block:audio code in your custom themed blog.
John

Content scripts on prerendered pages?

Are Content Scripts (http://code.google.com/chrome/extensions/content_scripts.html) injected into prerendered pages (document.webkitVisibilityState== 'prerender') ?
I’ve been reading https://developers.google.com/chrome/whitepapers/prerender and https://developers.google.com/chrome/whitepapers/pagevisibility, and am trying to figure out how Content Scripts work with page prerendering/prefetching.
Thanks
TheZ, tomdemuyt: I’m afraid you guys are missing the point. ‘run_at’ specifies whether the content script is injected before or after the DOM is constructed.
However, I am talking about document.webkitVisibilityState, which can be ‘prerender’ (when the page is in a background/invisible tab), ‘hidden’, or ‘visible’. Note that webkitVisibilityState can transition from ‘prerender’ to ‘hidden’ or ‘visible’, or back and forth between ‘hidden’ and ‘visible’, without any changes being made to the DOM. (In order to better understand this, read the articles linked in my original post.)
I think I’ve been able to determine that content scripts ARE injected into prerendered pages. Here’s the problem, however: let’s say my content script does something that should not occur on a prerendered page. For instance, it does pageview count, or adds animation, neither of which should begin until the user is actually viewing the page. So it seems that my content script should do something like what’s shown in the code examples on https://developers.google.com/chrome/whitepapers/pagevisibility - check document.webkitVisibilityState, and also listen to the ‘webkitvisibilitychange’ event, and only do pageview count/start the animation when document.webkitVisibilityState is, or has transitioned to, ‘visible’.
I may have just answered my own question, but I just wanted to make sure that I was on the right track.
Thanks
As TheZ mentioned, you should ues the run_at setting.
Link to docs : http://code.google.com/chrome/extensions/content_scripts.html#registration

User uploaded images drag/drop to a Raphael SVG then resize, rotate and fill path

This may be a bit long, but thank you in advance for any assistance.
I am trying to develop a web app that will allow the user to interact with a wireframe 'drawing' of a chosen product and customize each path with either an uploaded image, color/pattern or add whatever text...or all, if they choose (something similar to customizing a greeting card)...for THIS question, I will start with the image part....
Here is what I have so far: http://jsfiddle.net/rednevednav/C9aDm/
What's the most effective way to able to use any image...one that has been uploaded by the user...to append the fill of a selected path and then be able to drag it around, resize it and rotate BEHIND the selected path (so they can control the part of their image that gets 'cropped'? (*Note: I've searched for months and haven't found anyone else doing this outside of Flash....MyPublisher.com gets really close, but it's all squares and no SVG...I've looked at using ImageMagick and 'dst_in' on the server side...but after hard coding an image into svg...like on my jsfiddle...it seems that this could be done client side)
Should I be using Raphael for this application in the first place? Or?
**Hoping to stay within the Raphael framework (if using at all) in order to maintain the IE support afforded out-of-the-box that it provides; I understand that too much java hacking kills this. Of course, the 'finished' product will need to be downloaded as a .pdf....but that's another question for another time.
EDITED: # Thanks to an answer to my question HERE, I've update my JSFiddle with how to get URL from an uploaded image and use to fill path in Raphael paper. So that leaves 2 questions on this subject that I'm still struggling to resolve:
1. How to use this uploaded image to be able to drag and drop onto path to update fill?
2. How to first select which path I want the uploaded image to fill? (for when drag/drop is not available)
Thank you again in advance of any assistance!

Resources