Twitter posts with pictures
Does anybody know of a workaround to get a twitter feed up and running that can incorporate any photos that may be attached to the tweets? Our school likes to highlight student work everyday through pictures but when we use the twitter widget it only shows the text. Any insight would be appreciated!
-
Hello David,
Unfortunately the Widget doesn't support pictures at this point in time, but it's possible to create an HTML or Web Page Widget to display a Twitter feed instead of using our Twitter Widget if you need pictures as well.
1. Follow this article to get embed code for the feed you want to use.
2. In your presentation in Rise Vision, add an HTML Widget to a placeholder.
3. Paste the embed code between the <body> and </body> tags in the HTML widget.
4. Click save.
Please keep in mind:
- The embedded feed won't scroll.
- The HTML widget doesn't listen automatically for updates.
You can work around this by using a web page widget instead.
- The Web Page Widget supports automatic scrolling of content. It adds a layer of complication, though, because you'll need to create a Web Page. (You can copy and paste it from the HTML widget into a text file, change the file extension to HTML, then upload it to Rise Storage)
- The Web Page Widget also has a feature you can enable to reload it every time it appears on screen. The only catch is, it will need to rotate with some other content for it to do what you want.
I hope this helps! -
Hi Tim,
I know a user one time brought up this Stack Overflow article: https://stackoverflow.com/questions/33576068/element-autoscroll-for-twitter, but it doesn't scroll automatically.
-
See if this https://snapwidget.com/ can be of any help. I am using this for Instagram feed, but without scrolling. I know that it does have a scrollable version too.
-
I had to create a website that embedded my twitter feed there. Then i embedded some javascript to scroll the twitter feed. From there, I used the html widget on rise to have my website appear.
Here's the javascript to be put in the html:
<!DOCTYPE html>
<html>
<head lang="en">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<title>
</title></head>
<body>ENTER TWITTER FEED CODE HERE
</body>
<script language="JavaScript1.2">
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+1
else
currentpos=window.pageYOffset+1
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
</script>
</html>Hope this helps!
-
Under the web page widget settings, I have the refresh interval set to 1 minute and the two checkboxes underneath it checked (Unload Web Page when not visible in Presentation, Enable cache buster)
Perhaps as a workaround add another widget and have it set on a timer for just a second or two so that when it reverts back to the html page it will reload for you automatically.
Please sign in to leave a comment.
Comments
12 comments