У меня проблемы с изменением папки назначения моих изображений при нажатии определенной кнопки и изменением src этого изображения при наведении курсора на другой элемент при сохранении новой выбранной папки.
КодУ меня есть здесь, с выдержкой jquery здесь:
<script type="text/javascript">
$(document).ready(function(){
imgFldr = 'period-black';
//click the hardware buttons and change the folder where the images are coming from, but not the image itself (by name)
$('#standardBlack').click(function(){
$("#pic").attr("src",'standard-black/'+$("#pic").attr("src").split('/')[1]);
});
$('#standardGold').click(function(){
$("#pic").attr("src",'standard-gold/'+$("#pic").attr("src").split('/')[1]);
});
$('#standardChrome').click(function(){
$("#pic").attr("src",'standard-chrome/'+$("#pic").attr("src").split('/')[1]);
});
//on hovering the 21 or 24 colour options, change the colour of the image but not the folder
$('#black').hover(function(){
$("#pic").attr("src",imgFldr+"/black.jpg");
});
$('#blueGrey').hover(function(){
$("#pic").attr("src",imgFldr+"/blue-grey.jpg");
});
$('#burgundy').hover(function(){
$("#pic").attr("src",imgFldr+"/burgundy.jpg");
});
});
</script>
Что происходит, когда вы наводите курсор на кнопку изменения src, папка возвращается к исходной переменной, но она должна сохранять выбранную папку.
Любые идеи о том, как это может работать должным образом?