HTML Slideshare embed

├── README ├── config.php ├── embed.php ├── index.php └── slidesharehtml.css /README: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codepo8/slidesharehtml/6870eb5dd6ebe22cc4a3aa61695d166a96fa216b/README -------------------------------------------------------------------------------- /config.php: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /embed.php: -------------------------------------------------------------------------------- 1 | total_slides; 23 | $suffix = $data->slide_image_baseurl_suffix; 24 | $slides = $data->slide_image_baseurl; 25 | $yay = ($num && $slides); 26 | ?> 27 | 28 | 29 | 30 | 31 | HTML Slideshare embed 32 | 116 | 117 | 118 | $num){ 120 | $current = 1; 121 | } 122 | ?> 123 | 124 |

143 | 144 | 233 | 234 | 235 | -------------------------------------------------------------------------------- /index.php: -------------------------------------------------------------------------------- 1 | 19 | 20 | 21 | 22 | 23 | Embedding Slideshare presentations as HTML/JavaScript 24 | 25 | 54 | 55 | 56 |

57 | 58 | 61 |

62 |

Slideshare is a great system to host presentations for distribution. The thing about it that keeps some folk from using it is that it uses Flash. Fear not, for here you can create a plain HTML/JavaScript/CSS embed version of Slideshare presentations. Simply follow the steps below:

63 |

1 Give us the Slideshare presentation settings

64 | 70 | 71 | 0){ 73 | $fwidth = $width+50; 74 | $fheight = intval($fwidth / 1.2); 75 | } else { 76 | $fwidth = 500; 77 | $fheight = 300; 78 | } 79 | 80 | ?> 81 |

2 Does the preview look right?

82 | 83 |

3 Your embed for copy+paste:

84 | 87 | 88 |

This is not a valid Slideshare url it seems :(

89 | 90 | 91 |

92 | 95 |

96 | 97 | 98 | 99 | -------------------------------------------------------------------------------- /slidesharehtml.css: -------------------------------------------------------------------------------- 1 | *{margin:0;padding:0;} 2 | #slideshare{ 3 | width:320px; 4 | margin:10px; 5 | position:relative; 6 | -moz-box-shadow:2px 2px 10px rgba(0,0,0,.6); 7 | -webkit-box-shadow:2px 2px 10px rgba(0,0,0,.6); 8 | -o-box-shadow:2px 2px 10px rgba(0,0,0,.6); 9 | box-shadow:2px 2px 10px rgba(0,0,0,.6); 10 | } 11 | #fwd{ 12 | position:absolute; 13 | right:10px; 14 | } 15 | #count{ 16 | padding-left:50px; 17 | } 18 | input{ 19 | font-weight:bold; 20 | border:none; 21 | background:none; 22 | color:#fff; 23 | background:#333; 24 | margin:0 5px; 25 | padding:2px; 26 | -moz-border-radius:3px; 27 | -webkit-border-radius:3px; 28 | border-radius:3px; 29 | } 30 | form{ 31 | font-family:helvetica,arial,sans-serif; 32 | background:#ccc; 33 | padding-bottom:5px; 34 | font-size:12px; 35 | font-weight:bold; 36 | } 37 | input:hover{ 38 | background:#393; 39 | } 40 | input[disabled]{ 41 | background:#aaa; 42 | } 43 | --------------------------------------------------------------------------------