Greetings! I am facing a situation where I have an XML file containing image tags like this: <pb facs="ciao.jpg">. Additionally, I have an XSL file that includes a JavaScript snippet as shown below:
<script type="text/javascript>
function toggleSize(img){
if (parseInt(img.style.width) !=220){
img.style.width='220px';
}
else {
img.style.width = '90%';
}
}
function showHideNote(noteId){
var note = document.getElementById(noteId);
if (note.className == 'hiddenNote') {
note.className='showingNote';
}
else {
note.className='hiddenNote';
}
return false;
}
</script>
This script creates a small clickable image with related text displayed underneath. However, my goal is to have a larger image on the left side and its corresponding text on the right side. Any suggestions on how I can achieve this desired layout?