{"id":3329,"date":"2012-06-02T07:06:28","date_gmt":"2012-06-02T07:06:28","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=3329"},"modified":"2012-08-08T18:57:14","modified_gmt":"2012-08-08T18:57:14","slug":"add-slideshow-to-webpage","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/add-slideshow-to-webpage\/affordablewebsitestips\/tutorials","title":{"rendered":"Add Slideshow To Webpage"},"content":{"rendered":"

You can use JavaScript or jQuerry to add a slideshow to your webpage. Here's a list of professional looking jQuerry slideshows<\/a>. If you're looking for a quicker, easier, less aesthetic slideshow try using Photobucket's slideshow option shown below.<\/p>\n

Create a slideshow for your web page using Photobucket<\/h3>\n
    \n
  1. Open a new browser tab, go to\u00a0http:\/\/photobucket.com\/<\/a> and create an account.<\/li>\n
  2. Once you create an account click the green 'Upload' button to start uploading photos for your slideshow.<\/li>\n
  3. Click the 'Select photos and videos' button.<\/li>\n
  4. Navigate to a directory on your computer where the images are. Hold down the 'Ctrl' key while you select the images, to select more then one.<\/li>\n
  5. Click the 'Open' button. Photobucket will now upload the images to your account.<\/li>\n
  6. Click the 'Save and continue to my album' button.<\/li>\n
  7. Click the 'View as slideshow' link.
    \n    \"\"<\/a><\/li>\n
  8. Hover with the mouse over the slideshow and a link will appear at the top right called 'Share', click the link.<\/li>\n
  9. Highlight the code snippet in the 'HTML Embed' field and copy it (Ctrl+c) keys. If you have a modern browser, just clicking on the HTML Embed field will allow you to copy the code snippet.
    \n    \"\"<\/a><\/li>\n
  10. Place this code snippet in your web page's html wherever you want it to appear. You can also place this code snippet in your WordPress page or post in HTML tab mode.
    \n    \"\"<\/a><\/li>\n<\/ol>\n

    That's it, you now have a slideshow on the webpage.<\/p>\n

    Photobucket slideshow sample<\/h3>\n
    <\/object>\"\"<\/a>\"\"<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"

    You can use JavaScript or jQuerry to add a slideshow to your webpage. Here’s a list of professional looking jQuerry slideshows. If you’re looking for a quicker, easier, less aesthetic slideshow try using Photobucket’s slideshow option shown below. Create a slideshow for your web page using Photobucket Open a new browser tab, go to\u00a0http:\/\/photobucket.com\/ and […]<\/p>\n","protected":false},"author":1,"featured_media":4718,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,143,4,6],"tags":[402,403,69],"class_list":["post-3329","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-affordablewebsitestips","category-internet-tips","category-tutorials","category-wordpress","tag-html","tag-slideshow","tag-wordpress-2"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=3329"}],"version-history":[{"count":5,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3329\/revisions"}],"predecessor-version":[{"id":5386,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3329\/revisions\/5386"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/4718"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=3329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=3329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=3329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}